WP Rocket的延迟加载
插件描述
WP Rocket的Lazy Load仅在页面上显示图像和/或iframe对用户可见。这减少了HTTP请求机制的数量并缩短了加载时间。
此插件适用于缩略图，帖子内容或小部件文本中的所有图像，头像，表情符号和iframe。没有使用jQuery等JavaScript库，脚本权重小于10KB。
您还可以通过预览缩略图替换Youtube iframe，以进一步加快网站的加载时间。
依赖关系
Lazyload脚本： https://github.com/verlok/lazyload
相关插件
Imagify ：最佳图像优化器，可通过更轻的图像加速您的网站。 WP Rocket ：加速WordPress网站的最佳缓存插件。 WP Rocket 的心跳控制：WP Rocket的心跳控制：控制WordPress Heartbeat API并降低CPU使用率的最佳插件。
安装
将完整的 rocket-lazy-load 文件夹上传到 / wp-content / plugins / 目录通过WordPress FAQ
如何在某些页面上停用Lazy Load？
您可以使用
do_rocket_lazyload 过滤器。
这是一个放置在帖子上禁用lazyload的functions.php文件的示例：
add_action（'wp'，'deactivate_rocket_lazyload_on_single'）; function deactivate_rocket_lazyload_on_single（）{if（ is_single（））{add_filter（'do_rocket_lazyload'，'__ return_false'）; } 如何在某些图像上停用延迟加载？
只需广告d
img 或 iframe 标记中的 data-no-lazy =“1”属性。
您还可以使用过滤器
rocket_lazyload_excluded_attributes 或 rocket_lazyload_excluded_src 来排除特定模式。
对于iframe，过滤器为
rocket_lazyload_iframe_excluded_patterns 。 如何更改触发负载的阈值？
您可以使用
rocket_lazyload_threshold 过滤器。
代码示例：
函数rocket_lazyload_custom_threshold（$ threshold）{return 100;} add_filter（'rocket_lazyload_threshold'，'rocket_lazyload_custom_threshold'）; 我使用插件X并且我的图像不再显示
某些插件在没有延迟加载的情况下不兼容。请打开一个支持主题，我们将通过排除此插件的延迟加载来了解我们如何解决该问题。
如何延迟加载背景图像？
该插件会自动将使用
样式属性设置的背景图像延迟加载到 div 元素：
＆lt; div style =“background- image：url（image.jpg）;“＆gt;
您也可以手动应用它。要应用lazyload的元素必须具有此特定标记：
＆lt; div class =“rocket-lazyload-bg”data-bg =“url（../ img / image.jpg ）“＆GT;＆LT; / DIV＆GT;
元素必须具有类
rocket-lazyload-bg 和 data-bg 属性，该值是图像的CSS网址。
评论
RSS