優化頁面載入速度

2021-07-23 13:03:42 字數 371 閱讀 7953

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來設定顏色 大小等樣式。將樣式表放在頭部對於實際頁面載入的時間並不能造成太大影響,但是這會減少頁...