的最後兩章 2022 年網路年鑒 本周發布——結構化數據和性能，完成了報告的 729 頁電子書。 WordPress 特定章節於本月早些時候發布，其指標表明 採用率正在增長.
性能章節由 Etsy 性能工程師 Melissa Ada 和 Google 網路透明度工程師 Rick Viscomi 編寫。 本章中的性能指標側重於 核心網路生命力 （CWV），谷歌於 2020 年推出， 發出排名信號 在 2021 年。他們利用公眾 Chrome 用戶體驗報告 報告的 (CrUX) 數據集，該數據集從 符合條件的網站 – 具有未公開的最低訪問者數量的可公開發現的網站。
大多數數據都與整個 Web 的性能有關，但 2022 Web Almanac 強調了 WordPress 網站使用延遲載入及其對 LCP 性能的影響的一個具體問題。 谷歌定義 最大內容繪製指標 (LCP) 指標為「最大的渲染時間 圖像或文本塊 在視口中可見，相對於頁面時 首次開始載入。」
正確使用延遲載入是一件好事，但這些統計數據強烈表明，通過從 LCP 圖像中刪除此功能，可以提高性能。
WordPress 是採用原生延遲載入的先驅之一，在 5.5 和 5.9 版本之間，它實際上並沒有從 LCP 候選者中省略該屬性。 因此，讓我們探討一下 WordPress 仍在多大程度上促成了這種反模式。
根據 內容管理系統 章節， 35% 的頁面使用 WordPress. 因此，令人驚訝的是，鑒於自 2022 年 1 月 5.9 版以來已提供修復程序，72% 的在其 LCP 映像上使用本機延遲載入的頁面正在使用 WordPress。 需要更多調查的一種理論是，插件可能通過將 LCP 圖像注入具有延遲載入行為的頁面來繞過 WordPress 核心中內置的保護措施。
同樣，使用自定義延遲載入的頁面中有 54% 是使用 WordPress 構建的。 這暗示了 WordPress 生態系統中關於延遲載入過度使用的更廣泛問題。 可能有成百上千個單獨的主題和插件促成了這種反模式，而不是本地化為 WordPress 核心的可修復錯誤。
在 WordPress 5.9 之前，WordPress 默認的延遲載入實現會導致 LCP 性能變慢，因為它的應用過於激進並且會延遲載入首屏圖像。 在 5.9 中， WordPress 發布了一個修復程序 更急切地在初始視口中載入圖像，同時延遲載入其餘部分。 這就是為什麼顯示 WordPress 網站過度使用延遲載入的結果令人驚訝的原因。
「誠然，『惰性重載』是一個很難解決的問題，」Viscomi 在他的 Twitter線程分析. 「我們並不總是知道圖像是否會成為 LCP。 WordPress 核心默認在每個圖像上設置它，並使用啟發式方法來取消它。 近 3/4 的原生延遲載入圖像頁面位於 WordPress 上。」
2020 年，Viscomi 評論說，在 WordPress 5.5 於當年 8 月發布後，原生圖像延遲載入的採用迅速增加，默認情況下圖像延遲載入。 WordPress 一直在推動此功能的採用，這就是為什麼任何實現「反模式」（正如 Viscomi 所描述的那樣）都會對 Web 性能產生巨大影響的原因。
「什麼給了，WordPress？」 維斯科米說。 「我的理論是，錯誤的不是核心啟發式，而是插件。 另外，請記住，大多數甚至使用延遲載入的頁面都是 WP。
「為了支持插件理論，讓我們看看 LCP 的自定義延遲載入：超過一半的頁面是用 WordPress 構建的。 WordPress 僅占網路的三分之一，因此 WP 中基於 JS 的延遲重載顯然會發生一些事情。」
在 WordPress.org 上有 多頁 以某種方式使用延遲載入的性能、緩存以及圖像和視頻優化插件。 在擴展中使用延遲載入的插件和主題開發人員可能希望測試他們的實現，看看它們是否對 LCP 性能產生負面影響。
[et_bloom_inline optin_id=”optin_5″]