當(dāng)PageSpeed Insights檢測(cè)到系統(tǒng)需要進(jìn)行更多次的網(wǎng)絡(luò)往返來(lái)呈現(xiàn)網(wǎng)頁(yè)的首屏內(nèi)容時(shí)，就會(huì)觸發(fā)此規(guī)則。

如果所需的數(shù)據(jù)量超出初始擁塞窗口的限制，系統(tǒng)就需要在服務(wù)器和用戶瀏覽器之間進(jìn)行更多次的往返。如果用戶使用的是延遲時(shí)間較長(zhǎng)的網(wǎng)絡(luò)（例如，移動(dòng)網(wǎng)絡(luò)），該問(wèn)題會(huì)嚴(yán)重延遲網(wǎng)頁(yè)的加載。

為提高網(wǎng)頁(yè)加載速度，請(qǐng)限制呈現(xiàn)網(wǎng)頁(yè)首屏內(nèi)容所需的數(shù)據(jù)（HTML標(biāo)記、圖片、CSS和JavaScript）大小。為此，您可以嘗試以下幾種方法：

• 結(jié)構(gòu)化HTML，以便首先加載關(guān)鍵的首屏內(nèi)容
• 減少資源所用的數(shù)據(jù)量

請(qǐng)首先加載網(wǎng)頁(yè)的主要內(nèi)容。結(jié)構(gòu)化網(wǎng)頁(yè)，以便服務(wù)器發(fā)出的初始響應(yīng)能發(fā)送必要數(shù)據(jù)，從而迅速呈現(xiàn)網(wǎng)頁(yè)的關(guān)鍵部分并暫緩呈現(xiàn)其余部分。這可能意味著，您必須將CSS拆分為兩個(gè)部分：負(fù)責(zé)調(diào)整內(nèi)容ATF部分的格式的內(nèi)嵌部分，以及可暫緩呈現(xiàn)的部分。

參考以下示例，了解有關(guān)如何結(jié)構(gòu)化網(wǎng)站以提高加載速度：

• 如果您的HTML先加載第三方小部件，再加載主要內(nèi)容，請(qǐng)將該加載順序更改為先加載主要內(nèi)容。
• 如果您的網(wǎng)站采用的是兩列布局（即導(dǎo)航邊欄加文章），而HTML先加載邊欄，再加載文章，請(qǐng)考慮首先加載文章。

如果經(jīng)過(guò)重新設(shè)計(jì)的網(wǎng)站可以在多個(gè)設(shè)備上正常運(yùn)行，并能首先加載關(guān)鍵內(nèi)容，請(qǐng)使用以下技術(shù)來(lái)減少呈現(xiàn)網(wǎng)頁(yè)所需的數(shù)據(jù)量：

• 縮減資源的大小：通過(guò)移除不必要的空格和評(píng)論來(lái)縮減HTML、CSS和JavaScript的大小。通過(guò)使用可重命名資源中變量名稱的工具，實(shí)現(xiàn)進(jìn)一步的優(yōu)化。
• 盡可能考慮使用CSS，而非圖片。
• 啟用壓縮功能

Except as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 3.0 License, and code samples are licensed under the Apache 2.0 License. For details, see our Site Policies.