什么是HTTP壓縮css

HTTP壓縮是指: Web服務器和瀏覽器之間壓縮傳輸的”文本內容“的方法。 HTTP采用通用的壓縮算法，好比gzip來壓縮HTML,Javascript, CSS文件。 能大大減小網絡傳輸的數據量，提升了用戶顯示網頁的速度。固然，同時會增長一點點服務器的開銷。 本文從HTTP協議的角度，來理解HTTP壓縮這個概念。前端

HTTP內容編碼和HTTP壓縮的區別算法

HTTP壓縮，在HTTP協議中，實際上是內容編碼的一種。apache

在http協議中，能夠對內容(也就是body部分)進行編碼， 能夠采用gzip這樣的編碼。 從而達到壓縮的目的。 也能夠使用其余的編碼把內容攪亂或加密，以此來防止未受權的第三方看到文檔的內容。因此咱們說HTTP壓縮，其實就是HTTP內容編碼的一種。 因此你們不要把HTTP壓縮和HTTP內容編碼兩個概念混淆了。瀏覽器

HTTP壓縮的過程tomcat

瀏覽器發送Http request 給Web服務器,? request 中有Accept-Encoding: gzip, deflate。 (告訴服務器， 瀏覽器支持gzip壓縮)服務器

Web服務器接到request后， 生成原始的Response, 其中有原始的Content-Type和Content-Length。網絡

Web服務器經過Gzip，來對Response進行編碼， 編碼后header中有Content-Type和Content-Length(壓縮后的大小)， 而且增長了Content-Encoding:gzip.? 而后把Response發送給瀏覽器。ide

瀏覽器接到Response后，根據Content-Encoding:gzip來對Response 進行解碼。 獲取到原始response后， 而后顯示出網頁。性能

實例：博客園就使用了gzip壓縮

內容編碼類型

HTTP定義了一些標準的內容編碼類型，并容許用擴展的形式添加更多的編碼。

Content-Encoding header 就用這些標準化的代號來講明編碼時使用的算法

Content-Encoding值

gzip　　代表實體采用GNU zip編碼

compress 代表實體采用Unix的文件壓縮程序

deflate　　代表實體是用zlib的格式壓縮的

identity　　代表沒有對實體進行編碼。當沒有Content-Encoding header時， 就默認為這種狀況

gzip, compress, 以及deflate編碼都是無損壓縮算法，用于減小傳輸報文的大小，不會致使信息損失。 其中gzip一般效率最高， 使用最為普遍。

壓縮的好處

http壓縮對純文本能夠壓縮至原內容的40%, 從而節省了60%的數據傳輸。

Gzip的缺點

JPEG這類文件用gzip壓縮的不夠好。

對HTTP傳輸內容進行壓縮是改良前端響應性能的可用方法之一，大型網站都在用?？墒且灿腥秉c，就是壓縮過程占用cpu的資源，客戶端瀏覽器解析也占據了一部分時間?？墒请S著硬件性能不斷的提升，這些問題正在不斷的弱化。

Gzip是如何壓縮的

簡單來講， Gzip壓縮是在一個文本文件中找出相似的字符串， 并臨時替換他們，使整個文件變小。這種形式的壓縮對Web來講很是適合， 由于HTML和CSS文件一般包含大量的重復的字符串，例如空格，標簽。

如何使用gzip進行壓縮

怎么樣才能使用HTTP的這個屬性來壓縮呢？這才是本文的重點。其實很簡單，客戶端不用任何配置，在服務端配置便可，服務器不一樣，配置方法也不盡相同。本文以tomcat為例

tomcat的配置

以我電腦tomcat安裝目錄為例，找到F:\software\apache-tomcat-7.0.54\conf文件夾下的server.xml

compress="on" 表示開啟壓縮。

compressionMinSize="2048"表示會對大于2KB的文件進行壓縮。通常按照如此配置，可根據本身需求而定。

compressableMimeType是指將進行壓縮的文件類型，對js，css，圖片的壓縮能夠大大提高壓縮效果。

tomcat的server.xml的配置按照上述進行配置，重啟tomcat服務器。

總結

以上是生活随笔為你收集整理的html文件压缩成gzip,前端性能优化成神之路-HTTP压缩开启gzip的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。