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...