瀏覽數量: 859 作者: 本站編輯 發佈時間: 2020-01-02 來源: 本站
HTTP請求是站點速度的最大殺手之一。當HTML或CSS文件引用單獨的元素(例如圖像,腳本,Flash或樣式表),並“請求”它們由瀏覽器一個一加載時,就會發生請求。因此,擁有的頁面上組件越多,加載時間就越長。
提高移動網站速度的最快方法是簡化設計:
· 簡化頁面上的元素數量。一般的經驗法則是將主導航中的鏈接限制為不超過七個。刪除不必要的功能;使您的副本簡明扼要,並消除重疊的表格。
· 如果可能,請使用CSS而不是圖像。借助CSS可以輕鬆實現圓角,陰影,漸變等效果。
· 將多個樣式表合併為一個樣式表。 X-Cart使用皮膚系統:存在一個帶有主CSS文件(main.css)的模板的基本目錄,然後是帶有輔助CSS文件(altskin.css)的當前選定的皮膚目錄。這使您可以輕鬆自定義設計而無需覆蓋核心文件,但是當涉及CSS時,可能會導致代碼“加倍”。您可能需要將樣式從一個文件傳輸到另一個文件,以顯著提高網站速度。
· 將腳本放在頁面底部或刪除它們。這樣,HTML內容將首先被加載,您的用戶將不必等待腳本完成下載。
· 將圖像組合成CSS Sprite Sheet,這是一個較大的圖像,其中包含您在設計中需要使用的所有不同圖像。它將減少對單個圖像的引用,並提高移動商店的加載速度。在CSS-Tricks上了解有關CSS精靈的更多信息。
大量的全尺寸未優化圖像是網站運行緩慢的最常見原因之一。 1mb或2mb +的大圖像在加載時會佔用大量帶寬,會佔用大量服務器資源,而且,可以肯定的是,這引起了客戶的注意。您需要關註三件事:大小,格式和src屬性。
這裡有一些有用的提示:
· 在將圖像上傳到您的網站之前,將其裁剪為正確的尺寸。 1200×1200 px對於視網膜和常規顯示器來說都可以。
· 盡量避免使用BMB,TIFF或GIF。 JPEG是您的最佳選擇。刪除圖像註釋,並將顏色深度降低到可接受的最低水平。
· 確保沒有空的代碼,因為這會向服務器添加不必要的流量。