1. 爲何要進行gzip壓縮?javascript
服務器設置 gzip 壓縮是 web 開發中很廣泛的作法。使用gzip壓縮後可使須要加載的文件大小縮小到原來的1/4左右(最大壓縮級別)。而後在客戶端解壓便可。php
2.如何在Apache中開啓gzip壓縮服務?css
wamp爲例:html
2.1 找到Apache中的httpd.conf文件,好比個人路徑在D:\wamp\bin\apache\apache2.4.35\conf\httpd.confjava
2.2 在編輯器中打開httpd.conf文件,找到deflate_Module和headers_Module這兩個模塊。去掉註釋開啓服務。(大概在第120行和130行左右)web
#LoadModule deflate_module modules/mod_deflate.so
#LoadModule headers_module modules/mod_headers.so
我測試過#LoadModule headers_module modules/mod_headers.so這個模塊即便不修改也能實現gzip壓縮服務。但不少資料都說這兩行要同時去掉註釋,否則網頁顯示不正常。
2.3 開啓上面的服務後在httpd.conf文件最後加上下面代碼,而後重啓Apache就好了:apache
## 使用<IfModule deflate_module> 和 <IfModule mod_deflate.c> 通過測試沒什麼區別瀏覽器
<IfModule deflate_module>
# 就像一個開關同樣,告訴 Apache 對傳輸到瀏覽器的內容進行壓縮
SetOutputFilter DEFLATE
# 壓縮級別 9是最高級 1是最低級,不建議使用過高的壓縮比,這樣會對CPU產生太大的負擔
DeflateCompressionLevel 9
</IfModule>服務器
2.4 注意,完成上面的步驟就能夠實現gzip壓縮了。可是上面的壓縮是對全部的文件都進行了壓縮,但在實際的開發過程當中並不須要對全部文件都進行壓縮,好比PDF 、圖片、音樂文檔之類的這些自己都已經高度壓縮格式,重複壓縮的做用不大,反而可能會由於增長CPU的處理時間及瀏覽器的渲染問題而下降性能。因此就不必再經過Gzip壓縮。app
3. 設置過濾指定文件或者對指定文件進行壓縮
3.1 對圖片等特殊文件不進行 gzip 壓縮處理:
<IfModule mod_deflate.c> # 告訴 apache 對傳輸到瀏覽器的內容進行壓縮 SetOutputFilter DEFLATE # 壓縮等級 9 最低是1,不建議按最大級別進行壓縮,壓縮率太高會佔更多CPU資源 DeflateCompressionLevel 9 # 設置不對後綴gif,jpg,jpeg,png的圖片文件進行壓縮 SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary </IfModule>
3.2 指定文件進行壓縮
<IfModule mod_deflate.c> # 壓縮等級 9 DeflateCompressionLevel 9 # 壓縮類型 html、xml、php、css、js 面的文件MIME類型能夠根據本身狀況添加 AddOutputFilterByType DEFLATE text/html text/plain text/xml application/x-javascript application/x-httpd-php AddOutputFilter DEFLATE js css </IfModule>
4. 備註
參考:
如何使用gzip壓縮:https://www.cnblogs.com/zichi/p/5030877.html
gzip和deflate壓縮:https://blog.csdn.net/xjbclz/article/details/52474114