網站概覽
如果所需的數據量超出初始擁塞窗口的限制,系統就需要在服務器和用戶瀏覽器之間進行更多次的往返。如果用戶使用的是延遲時間較長的網絡(例如,移動網絡),該問題會嚴重延遲網頁的加載。 建議
為提高網站制作加載速度,請限制呈現網頁首屏內容所需的數據(HTML標記、圖片、CSS和JavaScript)大小。為此,您可以嘗試以下幾種方法:
結構化網站HTML,以便首先加載關鍵的首屏內容
減少網站資源所用的數據量 結構化HTML,以便首先加載關鍵的首屏內容 請首先加載網頁的主要內容。結構化網頁,以便服務器發出的初始響應能發送必要數據,從而迅速呈現網頁的關鍵部分并暫緩呈現其余部分。這可能意味著,您必須將CSS拆分為兩個部分:負責調整內容ATF部分的格式的內嵌部分,以及可暫緩呈現的部分。 參考以下示例,了解有關如何結構化網站以提高加載速度: 如果您的HTML先加載第三方小部件,再加載主要內容,請將該加載順序更改為先加載主要內容。 如果您的網站采用的是兩列布局(即導航邊欄加文章),而HTML先加載邊欄,再加載文章,請考慮首先加載文章。
減少網站資源所用的數據量
如果經過重新設計的網站可以在多個設備上正常運行,并能首先加載關鍵內容,請使用以下技術來減少呈現網頁所需的數據量: 縮減資源的大小:通過移除不必要的空格和評論來縮減HTML、CSS和JavaScript的大小。通過使用可重命名資源中變量名稱的工具,實現進一步的優化。 盡可能考慮使用CSS,而非圖片。 啟用壓縮功能 |