|
1 |
| -=== Lazy Load - Optimize Images === |
| 1 | +=== Lazy Load === |
2 | 2 | Contributors: wp_rocket, wp_media
|
3 | 3 | Tags: lazyload, lazy load, images, iframes, thumbnail, thumbnails, smiley, smilies, avatar, gravatar, youtube
|
4 | 4 | Requires at least: 4.7
|
5 | 5 | Tested up to: 5.5
|
6 | 6 | Requires PHP: 5.6
|
7 | 7 | Stable tag: 2.3.4
|
8 | 8 |
|
9 |
| -Lazy Load your images and iframes, replace Youtube videos by a preview thumbnail. |
| 9 | +Lazy load your images and iframes, replace Youtube videos by a preview thumbnail. |
10 | 10 |
|
11 | 11 | == Description ==
|
12 | 12 |
|
13 |
| -Lazy Load by WP Rocket displays images and/or iframes on a page only when they are visible to the user. This reduces the number of HTTP requests mechanism and improves the loading time. |
| 13 | +Lazy Load displays images and/or iframes on a page only when they are visible to the user. This reduces the number of HTTP requests mechanism and improves the loading time. |
14 | 14 |
|
15 |
| -This plugin works on thumbnails, all images in a post content or in a widget text, avatars, smilies and iframes. No JavaScript library such as jQuery is used and the script weight is less than 10KB. |
| 15 | +You can lazy load thumbnails, all images in a post content or in a widget text, avatars, smilies and iframes. No JavaScript library such as jQuery is used and the script weight is less than 10KB. |
16 | 16 |
|
17 | 17 | You can also replace Youtube iframes by a preview thumbnail to further speed up the loading time of your website.
|
18 | 18 |
|
| 19 | +Turn on lazy load to optimize your images and make your website faster! |
| 20 | + |
19 | 21 | = Dependencies =
|
20 | 22 |
|
21 |
| -Lazyload script: [https://github.com/verlok/lazyload](https://github.com/verlok/lazyload) |
| 23 | +Lazy load script: [https://github.com/verlok/lazyload](https://github.com/verlok/lazyload) |
22 | 24 |
|
23 | 25 | = Related Plugins =
|
24 | 26 | * [Imagify](https://imagify.io/?utm_source=wordpress.org&utm_medium=referral&utm_campaign=LazyLoadPlugin): Best Image Optimizer to speed up your website with lighter images.
|
@@ -79,13 +81,13 @@ add_filter( 'rocket_lazyload_threshold', 'rocket_lazyload_custom_threshold' );
|
79 | 81 |
|
80 | 82 | Some plugins are not compatible without lazy loading. Please open a support thread, and we will see how we can solve the issue by excluding lazy loading for this plugin.
|
81 | 83 |
|
82 |
| -= How can I lazyload a background-image? = |
| 84 | += How can I lazy load a background-image? = |
83 | 85 |
|
84 |
| -The plugin will automatically lazyload background-images set with a `style` attribute to a `div` element: |
| 86 | +The plugin will automatically lazy load background-images set with a `style` attribute to a `div` element: |
85 | 87 |
|
86 | 88 | `<div style="background-image: url(image.jpg);">`
|
87 | 89 |
|
88 |
| -You can also apply it manually. The element you want to apply lazyload on must have this specific markup: |
| 90 | +You can also apply it manually. The element you want to apply lazy load on must have this specific markup: |
89 | 91 |
|
90 | 92 | `<div class="rocket-lazyload" data-bg="url(../img/image.jpg)"></div>`
|
91 | 93 |
|
|
0 commit comments