優先考慮可見內容 - 如何擺脫這種情況？

Question

我在嘗試使用Google PageSpeed Insights工具優化我的網站。我遇到了一個我沒有得到解決的條件，那就是Prioritize visible content。這裏是快照：

我已經使用互聯網上可用的各種解決方案，仍面臨同樣的問題。您可以查看網頁速度見解：Here
我正在尋找一個廣義的解決方案，所以這種情況，以便我可以將其應用於我的其他網站上。

Answer 1

這是關於如何構建您的HTML的DOM，以及在頁面加載時用戶屏幕中顯示的內容。要解決這個問題，你必須瞭解瀏覽器如何加載頁面。大多數瀏覽器儘可能快地顯示內容，但是如果它發現需要下載的資源（如CSS，圖像或JS文件），它會在繼續使用主要HTML之前下載這些資源並解析它們。所以越小越好。

有幾件事你需要解決這個問題。以下是一些通用說明。

1. 補充說，必須在HTML DOM的 頂部的相關內容的網頁的部分。例如，如果您的網頁有側邊欄，則 那麼您的HTML應該按以下順序排列： <content></content><sidebar></sidebar>而不是先添加側邊欄 。

2. 刪除渲染阻擋碼

3. 移動所有的JS文件頁面的頁腳。