1.js/css壓縮,減少流量
將檔案中的空格無用字元去掉,只保留有效部分,可以減少檔案大小,但是可讀性很差。很多開源的js/css提供兩個版本的檔案,乙個是壓縮版的,乙個是可正常閱讀版的。
2.多個js/css組合,減少連線數
專案比較複雜的時候會有很多js/css檔案,可以將多個檔案合併,減少檔案數,從而減少連線數,提高頁面載入速度。
3.cdn就近訪問
**資料快取到各個cdn節點上,使用者從最近的節點上訪問資料。
tengine:由**網發起的web伺服器專案。它在nginx的基礎上,針對大訪問量**的需求,新增了很多高階功能和特性。
webpack:是乙個前端資源載入/打包工具。它將根據模組的依賴關係進行靜態分析,然後將這些模組按照指定的規則生成對應的靜態資源。
cdn:全稱是content delivery network,即內容分發網路。
前端優化(靜態資源)
expires 我現在給部落格裡所有的靜態資源設定了35天的快取過期時間,設定後感覺頁面的載入速度的確快了,我伺服器前端使用的是nginx,nginx設定資源檔案的expires挺簡單的 expire引數接受的值可以是 expires 1 january,1970,00 00 01 gmt 設定到具...
nginx配置 優化靜態資源
開啟gzip功能,gzip就是對網路傳輸的資料進行壓縮處理,從而節省頻寬。開啟nginx.conf檔案,在http模組下增加gzip on 設定靜態資源的過期時間,在http模組的server模組下增加location js css location gif jpg jpeg png bmp swf...
nginx靜態資源優化實踐
眾所周知,nginx是一款高效能的web和反向 伺服器,具有非常強大的功能,以及非常優越的效能。本文只針對nginx處理靜態資源的優化,闡述具體實踐過程。主要包括兩個方面 gizp壓縮 proxy cache快取。1.開啟gzip壓縮功能 gzip是一種壓縮技術,靜態資源的壓縮率在30 左右,原理是...