概覽

許多網(wǎng)絡服務器可以通過調用第三方模塊或使用內(nèi)置程序將文件壓縮為GZIP格式,，然后再發(fā)送該壓縮文件以供下載,。這樣可以在下載呈現(xiàn)網(wǎng)站所需的資源時，為您節(jié)省一些時間,。

• 減少高達70%的網(wǎng)頁大小

• 提高網(wǎng)頁速度

• 需要訪問.htaccess文件或者服務器管理文件

什么是Gzip壓縮,？

當用戶點擊你的網(wǎng)站時，由您的服務器提供所要求的文件,，這些文件越大,，到你的瀏覽器并顯示在屏幕上所需的時間就越長。

GZIP在傳輸他們到瀏覽器之前壓縮您的網(wǎng)頁和樣式表,，這大大減少了傳輸時間,，因為這些文件小得多。

GZIP壓縮是網(wǎng)頁速度優(yōu)化的基本方法,，現(xiàn)在絕大多數(shù)網(wǎng)站都已經(jīng)啟用GZIP,。

GZIP是怎樣工作的？

GZIP實際上是一個相當簡單的想法，但是善加利用是非常強大的,。 GZIP把一個文本文件的字符串替換使整個文件大小更小,。

由于CSS文件和HTML文件使用了大量重復的文字，并有空白的字符,，而GZIP壓縮公用字符串,，這可以減少頁面和樣式表的高達70％的大小,！而對您的Web服務器啟用Gzip是相對簡單的,。

當瀏覽器訪問一個Web服務器時，會先檢查看看是否有服務器啟用GZIP,，并請求該網(wǎng)頁,。如果啟用，它就接收gzip文件,，否則它會接收未壓縮的版本,，但這頁面大小將大得多。

為什么這么重要

壓縮GZip如此重要的主要的原因是,，它減少了一個網(wǎng)站傳輸網(wǎng)頁文件和樣式表所需的時間,，最終降低你的網(wǎng)站加載時間。

怎樣添加GZip

添加GZip的方法,，根據(jù)你所使用的服務器不同而不同,，這取決于你使用的是IIS還是Apache或其他web服務器。

以下是某些熱門網(wǎng)絡服務器上所啟用的壓縮功能：

• Apache：Apache啟用Gzip功能

• IIS：IIS配置HTTP壓縮功能

• lighttpd：lighttpd配置gzip

• Nginx：Nginx配置Gzip功能

對于Apache服務器

你需要添加如下腳本到.htaccess文件：

1. <IfModule     mod_deflate.c>

1. # Compress HTML, CSS, JavaScript, Text, XML and fonts

1. AddOutputFilterByType     DEFLATE application/javascript

2. AddOutputFilterByType     DEFLATE application/rss+xml

3. AddOutputFilterByType     DEFLATE application/vnd.ms-fontobject

1. AddOutputFilterByType     DEFLATE application/x-font

1. AddOutputFilterByType     DEFLATE application/x-font-opentype

1. AddOutputFilterByType     DEFLATE application/x-font-otf

1. AddOutputFilterByType     DEFLATE application/x-font-truetype

1. AddOutputFilterByType     DEFLATE application/x-font-ttf

2. AddOutputFilterByType     DEFLATE application/x-javascript

3. AddOutputFilterByType     DEFLATE application/xhtml+xml

4. AddOutputFilterByType     DEFLATE application/xml

5. AddOutputFilterByType     DEFLATE font/opentype

6. AddOutputFilterByType     DEFLATE font/otf

7. AddOutputFilterByType     DEFLATE font/ttf

8. AddOutputFilterByType     DEFLATE image/svg+xml

9. AddOutputFilterByType     DEFLATE image/x-icon

10. AddOutputFilterByType     DEFLATE text/css

11. AddOutputFilterByType     DEFLATE text/html

12. AddOutputFilterByType     DEFLATE text/javascript

13. AddOutputFilterByType     DEFLATE text/plain

14. AddOutputFilterByType     DEFLATE text/xml

1. # Remove browser bugs (only needed for really old     browsers)

1. BrowserMatch     ^Mozilla/4     gzip-only-text/html

1. BrowserMatch     ^Mozilla/4\.0[678]     no-gzip

1. BrowserMatch     \bMSIE !no-gzip     !gzip-only-text/html

2. Header     append Vary User-Agent

1. </IfModule>

當你保存.htaccess文件后,，使用webkaka的GZip壓縮檢測以確認是否已經(jīng)壓縮成功,。

常見問題

怎么知道網(wǎng)站的GZip壓縮是否起作用了？

使用webkaka的網(wǎng)站速度診斷,，在“優(yōu)化建議”里可以看到網(wǎng)站各文件是否使用了GZip,。

為什么圖片、PDF和視頻文件沒有壓縮,？

GZip壓縮對圖片,、PDF、視頻和其他已經(jīng)使用二進制壓縮過的文件是無效的,，如果你想壓縮圖片文件,，可以看看壓縮圖片這里。

Flash被破壞

flash預加載器不能處理壓縮的flash文件,，如果你已經(jīng)壓縮的flash被破壞了,，請不要壓縮flash文件。

為什么GZip壓縮沒有生效,？

GZip壓縮沒有生效的原因有很多,，不同的服務器，原因也可能不一樣，可以在這里查找解決方法：GZip常見問題及解決方法匯總,。

建議

把網(wǎng)頁內(nèi)容寫得使壓縮更有效

為了使用你的網(wǎng)頁內(nèi)容得到更好的壓縮,，請參照如下方法：

1、確保HTML和CSS代碼的一致性,。為了實現(xiàn)一致性

• 在可能的情況以相同的順序指定CSS關鍵值,，例如按字母順序排列它們。

• 以相同的順序指定HTML屬性,，例如按字母順序排列它們。把HREF第一個鏈接（因為它是最常見的）,，然后按字母順序排列剩下的,。例如，谷歌的搜索結果頁面,，當HTML屬性是按字母順序排列時,，gzip壓縮過的輸出的大小減少1.5％。

• 保持字母的一致性,，例如在任何時候都是小寫,。

• 保持引號的一致性，例如全部使用單引號,，或者全部使用雙引號,，又或者如果可能的話干脆連引號也不要。

2,、優(yōu)化CSS和優(yōu)化Javascript,。優(yōu)化CSS和Javascript不僅可以幫助外部的CSS和Javascript文件的壓縮，還可以幫助HTML頁面內(nèi)嵌的CSS和Javascript代碼,。

不要使用GZip壓縮圖片和其他二進制文件

網(wǎng)頁支持已經(jīng)壓縮過的圖片文件,，同樣支持已經(jīng)壓縮過的視頻、PDF等二進制文件,；使用GZip壓縮這些文件,，不會提供額外的好處，反而使他們的體積變得更大,。要壓縮圖片,，請來這里：圖片壓縮優(yōu)化。