nginx gizp 加快頁面載入速度

2021-08-27 21:50:27 字數 641 閱讀 8522

在很多的**中,都會用到第三方外掛程式,例如jquery等,但是第三方外掛程式的引入往往會是頁面的載入時間加長,除了優化**結構外,還可以配置nginx gizp 將檔案壓縮後傳送給瀏覽器

http
gzip on; 開啟gzip功能

gzip_min_length;設定允許壓縮的頁面最小位元組數

gzip_buffers;設定系統獲取幾個單位的快取用於儲存gzip的壓縮結果資料流,例如 4 4k 代表以4k為單位,按照原始資料大小以4k為單位的4倍申請記憶體(不太了解)

gzip_comp_level ; 設定壓縮比,也大壓縮比例越大,傳輸越快,越耗記憶體,

gzip_http_version 1.0|1.1;識別http的協議版本。一般不用管;

gzip_types ; 設定希望壓縮常規的檔案型別

gzip_vary on; 是否在http header中新增 vary: accept-encoding,建議開啟

gzip_disable "msie [1-6]\."; 在瀏覽器ie1-6中禁用gzip,一般不用設定;

重啟nginx後,開啟自己的**檢視自己要希望被壓縮的檔案的content-encoding如果為gzip恭喜你設定成功,如果不是,檢視檔案的content-type型別是否在gzip_type中;

css3動畫,陰影,加快頁面載入,塊級模式的小總結

css3 動畫 page1.active page1 2 50 100 moz keyframes page1 2 firefox 50 100 webkit keyframes page1 2 safari 和 chrome 50 100 o keyframes page1 2 opera 50 ...

頁面載入順序

1.window.onload function 這段 會在整個頁面的document全部載入完成以後執行。不幸的這種方式不僅要求頁面的dom tree全部載入完成,而且要求所有的外部和資源全部載入完成。更不幸的是,如果外部資源,例如需要很長時間來載入,那麼這個js效果就會讓使用者感覺失效了。2.f...

頁面載入提示

var pageheight document.documentelement.clientheight var pagewidth document.documentelement.clientwidth 計算loading框距離頂部和左部的距離 loading框的寬度為215px,高度為61px...