網(wǎng)站概覽
如果所需的數(shù)據(jù)量超出初始擁塞窗口的限制,系統(tǒng)就需要在服務(wù)器和用戶瀏覽器之間進(jìn)行更多次的往返。如果用戶使用的是延遲時(shí)間較長的網(wǎng)絡(luò)(例如,移動(dòng)網(wǎng)絡(luò)),該問題會(huì)嚴(yán)重延遲網(wǎng)頁的加載。 建議
為提高網(wǎng)站制作加載速度,請(qǐng)限制呈現(xiàn)網(wǎng)頁首屏內(nèi)容所需的數(shù)據(jù)(HTML標(biāo)記、圖片、CSS和JavaScript)大小。為此,您可以嘗試以下幾種方法:
結(jié)構(gòu)化網(wǎng)站HTML,以便首先加載關(guān)鍵的首屏內(nèi)容
減少網(wǎng)站資源所用的數(shù)據(jù)量 結(jié)構(gòu)化HTML,以便首先加載關(guān)鍵的首屏內(nèi)容 請(qǐng)首先加載網(wǎng)頁的主要內(nèi)容。結(jié)構(gòu)化網(wǎng)頁,以便服務(wù)器發(fā)出的初始響應(yīng)能發(fā)送必要數(shù)據(jù),從而迅速呈現(xiàn)網(wǎng)頁的關(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)考慮首先加載文章。
減少網(wǎng)站資源所用的數(shù)據(jù)量
如果經(jīng)過重新設(shè)計(jì)的網(wǎng)站可以在多個(gè)設(shè)備上正常運(yùn)行,并能首先加載關(guān)鍵內(nèi)容,請(qǐng)使用以下技術(shù)來減少呈現(xiàn)網(wǎng)頁所需的數(shù)據(jù)量: 縮減資源的大小:通過移除不必要的空格和評(píng)論來縮減HTML、CSS和JavaScript的大小。通過使用可重命名資源中變量名稱的工具,實(shí)現(xiàn)進(jìn)一步的優(yōu)化。 盡可能考慮使用CSS,而非圖片。 啟用壓縮功能 |