该插件尚未通过WordPress的最新3个主要版本进行测试。 当与较新版本的WordPress一起使用时,可能不再受到维护或支持,并且可能会存在兼容性问题。

Lazy Loading Feature Plugin

描述

Lazy Loading Feature Plugin is an official plugin maintained by the WordPress team. It is intended for testing of automatically adding the loading HTML attribute to images and other elements that support it.

More information about the loading attribute:
Description: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attr-loading.
HTML Specification: https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading.

Currently the loading attribute is supported in the following browsers: https://caniuse.com/#feat=loading-lazy-attr.

To test, install and enable the plugin. It will automatically add loading="lazy" attributes to all images in all new and existing posts, pages, and text widgets on the front-end.

Then use one of the browsers that support it (Chrome, Opera, Firefox, Edge, Android, etc.) and visit the site. Best would be to test over a slower connection, with a phone, etc. and test web pages that have a lot of images, like gallery posts.

Things to look for

  • Obvious bugs, for example images are missing.
  • Try to scroll down as soon as the page loads. All images should be at their places, and the page shouldn’t “jump” when images are loaded.

Note to developers

This plugin is intended for testing. If the tests are successful, this functionality will be added to WordPress, but the exact code may change, perhaps significantly.

When testing, please also test the filters added by this plugin, and provide feedback at https://github.com/WordPress/wp-lazy-loading or at https://core.trac.wordpress.org/ticket/44427.

评价

2020年5月27日
The plugin just adds the loading="lazy" attribute, which works fine, the rest is done by the browsers who support it, which will soon be all relevant ones, since Safari is about to implement this feature. This is a huge improvement for the web platform and web performance in general, I can't even imagine the amount of data (and thus time, energy, CO2, money...) this will save once WP implements it in core. The lazy loading experience itself is ok - you DO sometimes see images pop up, but that's a price worth paying, and browsers will hopefully improve this by starting the loading at just the right time.
2022年5月17日
I like that, a LOT. This plugin does nothing more than adding the loading="lazy" tag to images, no dependencies, no extra javascript being loaded. Gives native lazy load in Chrome and Edge, thus improving experience for 63% of my audience, while not hurting the rest... PageSpeed Insights jumped to 100% on both mobile and desktop (yeah, and real life experience is also improved, tested on mediocre 3G connection). If HTML validation is important to you, proceed with caution. Online validator at w3c dot org, will throw an error since loading="lacy" isn't standadized (yet?).
阅读所有6条评价

贡献者及开发者

“Lazy Loading Feature Plugin” 是开源软件。 以下人员对此插件做出了贡献。

贡献者

“Lazy Loading Feature Plugin”插件已被翻译至11种本地话语言。 感谢所有译者为本插件所做的贡献。

将“Lazy Loading Feature Plugin”翻译成您的语言。

对开发感兴趣吗?

您可以浏览代码,查看SVN仓库,或通过RSS订阅开发日志

更新日志

Please see the Github repository: https://github.com/WordPress/wp-lazy-loading.