為了優化網站的訪問速度,我們可以通過對靜態內容進行壓縮,從而減少網頁加載的時間,大大節省用戶的帶寬。在這篇文章中,我將介紹如何使用Apache和.htaccess文件進行靜態內容壓縮。
首先讓我介紹一下,我們可以使用兩種不同的方法壓縮內容:GZip 和 deflate。
介紹
GZip方法在早期的apache版本中使用(在Apache 1.3之前)。但在那之后apache引入了deflate方法,相比GZip并沒有太大的效果(但仍是非常好的)。然而,GZip在apache 1.3之后不再提供更多的支持。因此,你的Apache版本必須大于1.3,如果沒有,你必須升級到最新版本的Apache。
在使用壓縮之前,你必須啟用apache的mod_deflate模塊。要啟用這個模塊,你只需要從httpd.conf文件去掉這個模塊行。
啟用這個模塊后,你的服務器準備好提供壓縮的內容。但是,服務器只有當它接收到來自客戶端的相應頭文件時,才會創建壓縮內容。所以,現在你需要將下面的代碼放置到你網站的htaccess文件,才能通知服務器提供壓縮的內容。
.HTACCESS代碼
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
|
<ifmodule mod_deflate.c=""> # force deflate for mangled headers # developer.yahoo.com/blogs/ydn/posts/2010/12/pushing-beyond-gzipping/ <ifmodule mod_setenvif.c=""> <ifmodule mod_headers.c=""> SetEnvIfNoCase ^(Accept-EncodXng|X-cept-Encoding|X{15}|~{15}|-{15})$ ^((gzip|deflate)\s*,?\s*)+|[X~-]{4,13}$ HAVE_Accept-Encoding RequestHeader append Accept-Encoding "gzip,deflate" env=HAVE_Accept-Encoding </ifmodule> </ifmodule> # HTML, TXT, CSS, JavaScript, JSON, XML, HTC: <ifmodule filter_module=""> FilterDeclare COMPRESS FilterProvider COMPRESS DEFLATE resp=Content-Type $text/html FilterProvider COMPRESS DEFLATE resp=Content-Type $text/css FilterProvider COMPRESS DEFLATE resp=Content-Type $text/plain FilterProvider COMPRESS DEFLATE resp=Content-Type $text/xml FilterProvider COMPRESS DEFLATE resp=Content-Type $text/x-component FilterProvider COMPRESS DEFLATE resp=Content-Type $application/javascript FilterProvider COMPRESS DEFLATE resp=Content-Type $application/json FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/xhtml+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/rss+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/atom+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/vnd.ms-fontobject FilterProvider COMPRESS DEFLATE resp=Content-Type $image/svg+xml FilterProvider COMPRESS DEFLATE resp=Content-Type $application/x-font-ttf FilterProvider COMPRESS DEFLATE resp=Content-Type $font/opentype FilterChain COMPRESS FilterProtocol COMPRESS DEFLATE change=yes;byteranges=no </ifmodule> <ifmodule !mod_filter.c=""> # Legacy versions of Apache AddOutputFilterByType DEFLATE text/html text/plain text/css application/json AddOutputFilterByType DEFLATE application/javascript AddOutputFilterByType DEFLATE text/xml application/xml text/x-component AddOutputFilterByType DEFLATE application/xhtml+xml application/rss+xml AddOutputFilterByType DEFLATE application/atom+xml AddOutputFilterByType DEFLATE image/svg+xml application/vnd.ms-fontobject AddOutputFilterByType DEFLATE application/x-font-ttf font/opentype </ifmodule> </ifmodule> |
將上面的代碼放置在你的htaccess文件之后,看看你網站的請求頭部。你可以看到一個額外的頭“Accept-Encoding“。這意味著請求的客戶端能夠處理給定的壓縮類型的內容,并將提供壓縮內容。
Accept-Encoding:gzip,deflate,sdch
結果
看看下面的圖片,有多少被壓縮了。
從上面的圖片可以看出,實際頁面大小707KB,使用壓縮后是401KB。因此,它最終會提高你的網站的性能。
我強烈建議你把網站靜態內容做壓縮處理,因為沒有理由不這么做,這是Web開發的一個最佳實踐。
然后附上Gzip的一些基本的常用命令:
1.命令格式:
gzip[參數][文件或者目錄]
2.命令功能:
gzip是個使用廣泛的壓縮程序,文件經它壓縮過后,其名稱后面會多出".gz"的擴展名。
3.命令參數:
-a或--ascii 使用ASCII文字模式。
-c或--stdout或--to-stdout 把壓縮后的文件輸出到標準輸出設備,不去更動原始文件。
-d或--decompress或----uncompress 解開壓縮文件。
-f或--force 強行壓縮文件。不理會文件名稱或硬連接是否存在以及該文件是否為符號連接。
-h或--help 在線幫助。
-l或--list 列出壓縮文件的相關信息。
-L或--license 顯示版本與版權信息。
-n或--no-name 壓縮文件時,不保存原來的文件名稱及時間戳記。
-N或--name 壓縮文件時,保存原來的文件名稱及時間戳記。
-q或--quiet 不顯示警告信息。
-r或--recursive 遞歸處理,將指定目錄下的所有文件及子目錄一并處理。
-S<壓縮字尾字符串>或----suffix<壓縮字尾字符串> 更改壓縮字尾字符串。
-t或--test 測試壓縮文件是否正確無誤。
-v或--verbose 顯示指令執行過程。
-V或--version 顯示版本信息。
-num 用指定的數字num調整壓縮的速度,-1或--fast表示最快壓縮方法(低壓縮比),-9或--best表示最慢壓縮方法(高壓縮比)。系統缺省值為6。