PageSpeed Insights更新至Lighthouse 8.4–通過@sejournal、@martinibuster幫助提高LCP

PageSpeed Insights present使用Lighthouse 8.4.0，它具有2個品牌呼叫方稽核功能。astir重要總結有助於出版商診斷對最大滿足度油漆名額產生負面影響的廣泛職業。此呼叫者稽核意願幫助發佈者執行修改後的最大內容塗料（LCP）分數。

最大內容塗料

燈塔的最新版本，8.4.0意志協助診斷。

人們發現，延遲加載影像是一種欺負攻擊，它使滿足的一次性和互動式連接的主要部分更快地連接到移動工具。

在延遲加載折疊下麵的影像之前（在瀏覽器表面視口中不成功）將成功下載背景。

，這會降低成功訪問tract訪問者視口的滿足者的可視性和交互性。

當移動視區的課外影像加載成功時，它們實際上是在繼承延后網頁的一次性部分的呈現。

通過向影像添加Lazy Load HTML内容，瀏覽器會意識到不下載影像（這些影像是視口的課外影像）直到以後。

這會擴大頁面速度。

但是延遲加載成功的元素最大的有內容的繪製視口會產生一種對立的效果，這是Lighthouse 8.4.0解决的問題之一。

延遲加載所有影像的負面影響

WordPress 5.4引入了影像的本地延遲加載。在實施更改之前，開發人員測試了速度改進，發現將延遲加載HTML内容添加到每個影像成功地提高了速度。

但是，這是延遲加載内容的不完美實現，因為WordPress將延遲加載内容添加到特徵表示中，這是過去訪問web-page.

為最大含量的顏料（LCP）添加了一種拮抗作用“添加延遲加載的收益超過了LCP度量契約的損失，Trust WordPress繼續這樣做了。

穀歌注意到延遲加載的實現成功了WordPress的一半，即最低的滿足度。”油漆（LCP）分數開始下降。

在穀歌發佈的一篇非小說《互聯網絡》中，他們研究了現有網站的資訊，並創建了測試來檢查WordPress show是否實現了本地延遲加載。

穀歌確認我發現WordPress的LCP分數在下降。

作者得出結論：

&ldquo；&hellip；WordPress precise使用的延遲加載方法可以清晰地幫助减少表示位元組，但不影響延遲LCP的輸出。