靜態資源優化

2021-10-17 10:30:47 字數 545 閱讀 3834

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 左右,原理是...