1. 程式人生 > >【apache】Apache 開啟Gzip壓縮——可壓縮js、css等靜態文件

【apache】Apache 開啟Gzip壓縮——可壓縮js、css等靜態文件

gif level cas onf 啟動 add 註釋 class 大小

關於gzip壓縮的好處我這就不說了,相信你已經知道。進入正題

配置

編輯httpd.conf文件

去掉 #LoadModule headers_module modules/mod_headers.so 前面的註釋#

去掉 #LoadModule deflate_module modules/mod_deflate.so 前面的註釋#

去掉 #LoadModule filter_module modules/mod_filter.so 前面的註釋#

第三個模塊一定要打開,很多人根據網上的配置無法生效,就是這個模塊沒有開啟。不開啟的話下面配置後也無法啟動Apache。

然後在最底部添加如下代碼:

<ifmodule mod_deflate.c>
    DeflateCompressionLevel 6
    AddOutputFilterByType DEFLATE text/plain
    AddOutputFilterByType DEFLATE text/html
    AddOutputFilterByType DEFLATE text/php
    AddOutputFilterByType DEFLATE text/xml
    AddOutputFilterByType DEFLATE text/css
    AddOutputFilterByType DEFLATE text
/javascript AddOutputFilterByType DEFLATE application/xhtml+xml AddOutputFilterByType DEFLATE application/xml AddOutputFilterByType DEFLATE application/rss+xml AddOutputFilterByType DEFLATE application/atom_xml AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE application
/x-javascript AddOutputFilterByType DEFLATE application/x-httpd-php AddOutputFilterByType DEFLATE application/x-font-ttf AddOutputFilterByType DEFLATE image/svg+xml AddOutputFilterByType DEFLATE image/gif image/png image/jpe image/swf image/jpeg image/bmp # Don’t compress images and other #排除不需要壓縮的文件 BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html SetEnvIfNoCase Request_URI .(?:html|htm)$ no-gzip dont-varySetEnvIfNoCase #SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary SetEnvIfNoCase Request_URI .(?:exe|t?gz|zip|bz2|sit|rar)$ no-gzip dont-vary SetEnvIfNoCase Request_URI .(?:pdf|doc)$ no-gzip dont-vary </ifmodule>

註:註釋和命令不要寫在同一行,不然容易導致Apache無法啟動。網上很多教程都是寫在同一行,也有這個問題我也找了很久,可能是我這的問題把。

運行

用了一個文本做測試,大小是300左右。來看看壓縮後多少~

技術分享圖片

壓縮後:

技術分享圖片

大小是77kb。體積減少了將近 4倍。效果還是非常很可觀的。文件越多效果越明顯!!

【apache】Apache 開啟Gzip壓縮——可壓縮js、css等靜態文件