《高性能网站建设指南-前端工程师技能精髓》-读书笔记3（压缩组件）

一、
压缩组件


前两节都是通过减少
HTTP
请求数量来提高性能的，而本节是通过减少
HTTP
响应的大小来提高性能的。

从
HTTP1.1
开始，
Web
客户端可以通过
HTTP
请求中的
Accept-Encoding
头来标识对压缩的支持。采用
gzip

或
deflate
。需要被压缩的主要是
HTML
、
CSS
、脚本、
XML
、
JSON
在内的任何文本。图片和
PDF
已经压

缩过，所以不需再进行压缩。

Apache
中添加
deflate
的配置例子：

第一步：

LoadModule deflate_module modules/mod_deflate.so

第二步：

<IfModule deflate_module>

SetOutputFilter DEFLATE

#
设置压缩级别，从
1-9
，数字越大压缩比例越大

DeflateCompressionLevel 9

AddOutputFilterByType DEFLATE text/html
text/javascript text/plain text/xml text/javascript text/css
application/x-httpd-php

AddOutputFilter DEFLATE css js

</IfModule>

无压缩的示例：

http://stevesouders.com/hpws/nogzip.html

压缩
HTML
的示例：

http://stevesouders.com/hpws/gzip-html.html

压缩所有组件的示例：

http://stevesouders.com/hpws/gzip-all.html