当前位置: 首页 > Web前端 > HTML5

gzip压缩http资源,提高网页浏览速度,适用于首屏加载速度优化

时间:2023-04-05 10:50:56 HTML5

本文先从我自己的测试实例演示开始,让大家看看优化后的效果,然后再介绍gizp的概念等等。先测试用例第一张图有不启用gzip的效果。加载js文件用了3.11s3.6m文件压缩的??效??果还是很不错的,大大减少了http资源请求的时间。2.什么是gzip?网页压缩,即gzip网页压缩,是WEB服务器和浏览器之间遵守的一种协议,也就是说WEB服务器和浏览器都必须支持该技术。幸运的是,现在所有流行的浏览器都支持它,包括IE、FireFox、Opera等;服务器包括Apache和IIS等,双方协商过程如下:和deflate,说明浏览器支持gzip和deflate。一种压缩方式(其实deflate也是使用gzip压缩协议,下面我们会介绍两者的区别);WEB服务器收到请求后判断浏览器是否支持压缩,如果支持则传输压缩后的响应内容,否则传输未压缩的内容;浏览器获取到响应内容后,判断内容是否被压缩,如果是则解压,然后显示响应页面的内容。在实际应用中,我们发现压缩率往往是3到10倍,即原来50k的页面大小,压缩后实际传输的内容大小只有5到15k大小,可以大大节省服务器的网络带宽.同时,如果应用的响应足够快,网站的速度瓶颈就转移到了网络的传输速度上。因此,对内容进行压缩后,可以大大提高页面的浏览速度。gzipgzip打开;gzip_min_length1k;gzip_buffers416k;#gzip_http_version1.1;gzip_comp_level2;gzip_types文本/普通应用程序/javascript应用程序/x-javascript文本/javascript文本/css应用程序/xml应用程序/xml+rss图像/jpeg图像/gif图像/png图像/svg+xml;gzip_vary关闭;gzip_proxied已过期无缓存无存储私有身份验证;gzip_disable"MSIE[1-6].";....不太擅长排版....参考链接