WordPress 5.9 修復延遲載入性能回歸,導致某些情況下頁面載入速度提高 30%

wordpress-5-9-to-fix-lazy-loading-performance-regression-resulting-in-30-faster-page-loads-in-some-cases WordPress 5.9 修復延遲載入性能回歸,導致頁面速度提高 30%某些情況下的載荷

由於修復了核心延遲載入功能中的性能回歸,WordPress 網站可能很快就會看到頁面載入的性能略有提升。 一個 分析 2021 年 7 月發布的研究表明,過於激進地應用延遲載入會對性能產生負面影響,並且最好在初始視口中急切載入圖像。

WordPress 延遲載入所有圖像的默認設置導致性能降低 最大內容繪製指標 (LCP) 指標,谷歌將其定義為「最大的渲染時間 圖像或文本塊 在視口內可見,相對於頁面的時間 首先開始載入。」

谷歌贊助的 WordPress 貢獻者編寫了一個修復程序,以避免在摺疊上方延遲載入圖像,並對其進行了全面測試,作為他們評估過去各種性能計劃影響的努力的一部分。 延遲的 LCP 將在 WordPress 5.9 中修復。

「這可以通過跳過為第一個內容圖像或 iframe 添加 loading=’lazy’ 來改善,在絕大多數情況下,它會出現在初始視口中,」Felix Arntz 在 開發說明. 「WordPress 只能對此做出有根據的猜測,並不能 100% 確定,但考慮到 50 個流行主題的分析表明,增強功能帶來了全面的 LCP 改進,頁面載入速度提高了 30%。」

將來,此實現可能能夠進一步深入到頁面上的塊內容中,並急切地載入主題識別為在視口內的任何圖像。

「你有沒有想過我們如何可以有更精確的啟發式方法,可以將塊的語義和結構考慮在內,以了解實際可延遲的內容?」 馬蒂亞斯·文圖拉 (Matias Ventura) 評論了處理中的罰單。 「例如,標題模板部分中使用的圖像塊或站點徽標將強烈表明高於摺疊。 「內容的第一張圖片」似乎是一個基本的衡量標準,根據前面的布局而有很大差異。 有了塊主題,我們應該對布局有一些提前的認識,我們可以用它來產生更有意義的指令。」

Felix Arntz 說他已經在他的雷達上檢測到標題模板部分,並願意隨著區塊主題世界的擴展來改進實現。

「延遲載入實現的改進應該顯著提高大多數依賴它的站點的 LCP 性能,同時不會對上述默認啟發式方法不適用的站點產生不利影響,」Arntz 說。 「不過,這只是一個堅實的起點。 未來,特別是隨著基於塊的主題將促進更多語義內容規範,我們將能夠通過使用可用的塊信息進一步微調延遲載入的實現。」

來源

相關文章