Google Page Speed Insights不喜歡我的懶惰加載英雄橫幅

我的頭版上有一個巨大的英雄橫幅，覆蓋整個屏幕，並且圖像延遲加載，所以它在顯示直到淡入淡出時是空白的。問題是Google Page Speed Insights提到了渲染阻止CSS併爲本頁設置了可視內容的優先級。但是，我在同一個網站上獲得了98/100，但是在沒有英雄橫幅的不同頁面上。Google Page Speed Insights不喜歡我的懶惰加載英雄橫幅

所以，我認爲可以肯定地說圖像是一個問題。當我查看報告中的屏幕截圖時，它只是在圖像加載之前顯示空白屏幕。我故意將它保持爲空，直到它完全加載並使用JavaScript呈現。儘管存在這種情況，有什麼方法可以提高我的Page Speed分數？

來源

2017-06-02 Jordan Carter

不要太在乎Google說什麼。如果你的頁面加載速度夠快，那麼這是一個好的。 – doutriforce

有沒有一個真正的問題，或者你只是想提高分數，爲了提高分數？ – HaukurHaf

那麼，一個更好的分數是好的SEO是不是？ –

谷歌網頁洞察是呈現您的第一個HTML響應，而無需運行您的JavaScript或外部CSS文件。所以它看到的只是你的html和嵌入式樣式。它會顯示你的頁面之前和之後，如果過多的像素之間發生了變化，它會降低你的分數。

爲了解決這個問題 - 不要懶惰地加載任何超出對象的東西。

我知道很多人說「不用擔心谷歌頁面速度洞察分數」，但是根據谷歌的這個建議，我同意 - 你的頁面應該儘可能快地呈現上面的摺疊內容，並且推遲項目下面的項目if必要。

來源

2017-07-26 17:06:39

我不同意。有時，沒有JavaScript操作，摺疊的頂部看起來會很難看。最好讓用戶稍微等一下，以便獲得更好的第一印象。 –

如果您的上面的摺疊內容依賴於JavaScript操作，您將無法快速渲染它以獲得谷歌的高分。無論如何，這是一個特定的情況。 –

@TomerAlmog但是不會延遲加載它只會讓你的頁面變得更慢，因爲瀏覽器在它開始渲染之前必須先拉入大圖片？如果讓你的網頁故意慢一點，讓Google認爲它實際上更快，看起來反效果不大。 – Lawyerson

Google Page Speed Insights不喜歡我的懶惰加載英雄橫幅

回答

相關問題