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 (not finalized): https://github.com/whatwg/html/pull/3752.

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 comments on the front-end.

Then use one of the browsers that support it (Chrome, Opera, 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 年 2 月 9 日
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?).
閱讀全部 1 則使用者評論

參與者及開發者

以下人員參與了開源軟體〈Lazy Loading Feature Plugin〉的開發相關工作。

參與者

Lazy Loading Feature Plugin 外掛目前已有 7 個本地化語言版本。 感謝全部譯者為這個外掛做出的貢獻。

將 Lazy Loading Feature Plugin 外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄