| @@ -1,9 +1,11 @@ | ||
| 1 | -<?php if (!defined('WPO_VERSION')) die('No direct access allowed'); ?> | |
| 1 | +<?php if (!defined('ABSPATH')) die('No direct access allowed'); ?> | |
| 2 | 2 | <?php |
| 3 | 3 | $lazyload_options = $options->get_option('lazyload', array( |
| 4 | 4 | 'images' => false, |
| 5 | + 'backgrounds' => false, | |
| 5 | 6 | 'iframes' => false, |
| 7 | + 'youtube_preview' => false, | |
| 6 | 8 | 'skip_classes' => '', |
| 7 | 9 | )); |
| 8 | 10 | |
| 9 | 11 | $read_more_link = 'https://developers.google.com/web/fundamentals/performance/lazy-loading-guidance/images-and-video/'; |
| @@ -20,13 +22,19 @@ | ||
| 20 | 22 | $message .= __('Instead, these non-critical resources are loaded at the point they are needed (e.g. the user scrolls down to them).', 'wp-optimize'); |
| 21 | 23 | echo esc_html($message); |
| 22 | 24 | ?> |
| 23 | 25 | <br> |
| 24 | - <a href="<?php echo esc_url($read_more_link); ?>" target="_blank"><?php esc_html_e('Follow this link to read more about lazy-loading images and video', 'wp-optimize'); ?></a> | |
| 26 | + <?php $wp_optimize->wp_optimize_url($read_more_link, __('Follow this link to read more about lazy-loading images and video', 'wp-optimize')); ?> | |
| 25 | 27 | </p> |
| 26 | 28 | <ul> |
| 27 | 29 | <li><label><input type="checkbox" name="lazyload[images]" <?php checked($lazyload_options['images']); ?> disabled /><?php esc_html_e('Images', 'wp-optimize'); ?></label></li> |
| 30 | + <li><label><input type="checkbox" name="lazyload[backgrounds]" <?php checked($lazyload_options['backgrounds']); ?> disabled /><?php esc_html_e('Background images', 'wp-optimize'); ?></label></li> | |
| 28 | 31 | <li><label><input type="checkbox" name="lazyload[iframes]" <?php checked($lazyload_options['iframes']); ?> disabled /><?php esc_html_e('Iframes and Videos', 'wp-optimize'); ?></label></li> |
| 32 | + <li> | |
| 33 | + <label> <input type="checkbox" name="lazyload[youtube_preview]" <?php checked($lazyload_options['youtube_preview']); ?> disabled /><?php esc_html_e('Replace YouTube iframe with thumbnail image', 'wp-optimize'); ?> | |
| 34 | + </label> | |
| 35 | + <span tabindex="0" class="wpo-tooltip" data-tooltip="<?php esc_attr_e('Improves page loading time when YouTube videos are present on the page.', 'wp-optimize');?>"><span class="dashicons dashicons-editor-help"></span> </span> | |
| 36 | + </li> | |
| 29 | 37 | </ul> |
| 30 | 38 | |
| 31 | 39 | <p> |
| 32 | 40 | <?php esc_html_e('Skip image classes', 'wp-optimize');?><br> |
| @@ -41,8 +49,8 @@ | ||
| 41 | 49 | <small><?php echo esc_html($message); ?></small> |
| 42 | 50 | </p> |
| 43 | 51 | |
| 44 | 52 | <div class="wpo-unused-image-sizes__premium-mask"> |
| 45 | - <a class="wpo-unused-images__premium-link" href="<?php echo esc_url($wp_optimize->premium_version_link); ?>" target="_blank"><?php esc_html_e('Enable Lazy-loading with WP-Optimize Premium.', 'wp-optimize'); ?></a> | |
| 53 | + <a class="wpo-unused-images__premium-link" href="<?php echo esc_url($wp_optimize->premium_version_link);?>&utm_content=enable-lazy-loading" target="_blank"><?php esc_html_e('Enable Lazy-loading with WP-Optimize Premium.', 'wp-optimize'); ?></a> | |
| 46 | 54 | </div> |
| 47 | 55 | </div> |
| 48 | -</div> | |
| 56 | +</div> | |
