前端優化(靜態資源)

2022-07-29 04:33:09 字數 552 閱讀 3677

expires

我現在給部落格裡所有的靜態資源設定了35天的快取過期時間,設定後感覺頁面的載入速度的確快了,我伺服器前端使用的是nginx,nginx設定資源檔案的expires挺簡單的:

expire引數接受的值可以是:

expires 1 january, 1970, 00:00:01 gmt; //設定到具體的時間

expires 60s; //60秒

expires 30m; //30分鐘

expires 24h; //24小時

expires 1d; //1天

expires max; //max表示過期時間為31 december 2037 23:59:59 gmt

expires off; //永遠重新讀取

實際設施中,可以根據**的實際情況,對不同型別、不同目錄下的資源檔案各自設定過期時間。

前端效能優化 靜態資源優化4 JS

js 優化原則 需要時才優化,要考慮可維護性 1 提公升 js 檔案載入效能 將 css 檔案放在 head 裡,將 js 檔案放在 body 裡 2 js 變數和函式優化 盡量使用 id 選擇器 盡量避免使用 eval js 函式盡可能保持簡潔 使用事件節流函式 使用事件委託 3 js 動畫優化 ...

靜態資源優化

1.js css壓縮,減少流量 將檔案中的空格無用字元去掉,只保留有效部分,可以減少檔案大小,但是可讀性很差。很多開源的js css提供兩個版本的檔案,乙個是壓縮版的,乙個是可正常閱讀版的。2.多個js css組合,減少連線數 專案比較複雜的時候會有很多js css檔案,可以將多個檔案合併,減少檔案...

前端效能優化 載入頁面和靜態資源

前端效能優化主要從兩個方面進行 1.載入頁面和靜態資源 2.頁面渲染 載入頁面和靜態資源主要可以從三個角度進行 靜態資源的合併 壓縮 靜態資源快取 css img 使用cdn讓靜態資源載入更快 我們乙個乙個仔細展開說。靜態資源的合併和壓縮能夠減少http請求的數量和請求資源的大小。可以使用webpa...