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

前端性能优化(三)--废话不多说,使用gzip

时间:2023-04-05 20:02:04 HTML5

,直接对比两张图【未启用gzip时的大小】【使用gzip后】html文件5.2/10.550.5%css文件1、9/5.435.2%png图片101/102几乎不变的js文件31.6/99.831.7%(代码压缩)12.8/54.723.4%(代码未压缩)附加nginx配置http{...gzipon;//启用gzipgzip_min_length1k;//仅对最小大小为1k的文件使用gzipgzip_buffers48k;//表示以8k为单位,以8k为单位按照原来数据大小的4倍申请内存gzip_comp_level5;//1压缩率最小,处理速度最快,9压缩率最大但处理速度最慢(传输速度快但比较耗cpu)gzip_typesapplication/javascripttext/plainapplication/x-javascripttext/css应用程序/xml文本/javascript应用程序/x-httpd-php图像/jpeg图像/gif图像/png;//支持的文件类型gzip_disable"MSIE[1-6]\.";//IE6对Gzip的支持不是很好,所以gzip不实用...}搜索了相关资料,说是图片已经被压缩了,gzip用处不大,反而增加了服务器的负担。在某些情况下,文件大小会增加,因此不建议使用它。看了百度之类的网站,发现图片之类的文件没有启用gzip。但是意外发现bmp图片(稀有)类型,压缩效率真的很高,我试了一张图片,3.8M,用gzip后,大小为992k,压缩率为25.5%,很高,不是我不知道是原图没有压缩还是其他原因,但是暂时找不到压缩bmp的工具,所以无法验证。实际使用时,验证通过后即可使用。综上所述,在部署前端资源时,建议开启html、js、css资源,图片资源没必要开启gzip。