zoukankan      html  css  js  c++  java
  • 通过压缩图片 来提升页面加载速度

    前段时间针对公司的网站首页做了优化,由于第一屏会载入很多图片,我们除了针对图片做lazy-load,还可以对图片进行体积上的压缩,因为体积小了,下载速度会变快,从而可以减少

    用户等待时间,也可以减少部分带宽。

    所以我们可以在线下对图片进行压缩再上传到线上 。

    这些图片都是 jpg格式,虽然压缩都是有损的,但我们可以通过减少 quality的方式,比如100%的quality与80%的quality,用户感观上基本一样,但是体积却可以减少30%以上,

    比如6K的图片,会到4K左右,

    这里用php就可以完成此类的功能,针对一个文件夹下的图片,统一压缩成不同quality的图片,再统一覆盖线上已经有的图片即完成了图片压缩。

    因为网站第一屏有60多张小图标,压缩后,减少了100多K的体积。

    整体平均速度提升了200ms(1200万的浏览量)

  • 相关阅读:
    随笔
    我的舅舅
    代码规范
    SpringMVC_乱码问题
    SpringMVC_接受请求及数据回显
    Restful风格
    第六周总结
    SpringMVC_控制器
    SpringMVC_初次使用
    SpringMVC_简介
  • 原文地址:https://www.cnblogs.com/fang9159/p/tupianyasuo.html
Copyright © 2011-2022 走看看