1.js、css、html做gzip壓縮(不要對進行gzip壓縮)
2.刪除js、css、html
檔案的注釋,回車符,以及無效位元組
4.css放到header中,避免白屏
5.合併js和css;壓縮js和css;
6.優化快取:對沒有變化的css、js,等網頁元素,直接利用客戶端的瀏覽器快取讀取來有效減少http請求數。
6.通過增加expires header
(給檔案加上關於過期時間的header報文)可以告訴瀏覽器,那些網頁元素可以快取和快取多長時間。
7.採用css sprites(css sprites其實就是把網頁中一些背景整合到一張檔案中)技術來實現。
9.利用h5的快取技術
載入頁面訪問速度 優化
一 優化 即使在現在,網路頻寬有了很多的提高,56k貓逐漸淡出,優化以加快網頁速度還是很有必要的。優化包括減少數 降低影象質量 使用恰當的格式。2 降低影象質量 如果不是很必要,嘗試降低影象的質量,尤其是jpg格式,降低5 的質量看起來變化不是很大,但檔案大小的變化是比較大的。二 影象格式的選擇 1...
前端頁面載入速度優化 Ngnix之GZIP壓縮
gzip on 開啟gzip gzip static on 是否開啟gzip靜態資源 nginx對於靜態檔案的處理模組,該模組可以讀取預先壓縮的gz檔案,這樣可以減少每次請求進行gzip壓縮的cpu資源消耗。該模組啟用後,nginx首先檢查是否存在請求靜態檔案的gz結尾的檔案,如果有則直接返回該gz...
Web前端效能優化 如何提高頁面載入速度
最近參加了兩次前端面試,都提到了頁面優化的問題,所以做個記錄吧!字型圖示 在可以大量使用字型圖示的地方我們可以盡可能使用字型圖示,字型圖示可以減少很多的使用,從而減少http請求,字型圖示還可以通過css來設定顏色 大小等樣式。將樣式表放在頭部對於實際頁面載入的時間並不能造成太大影響,但是這會減少頁...