美文网首页
Web性能优化

Web性能优化

作者: 苹果咏 | 来源:发表于2019-07-12 10:33 被阅读0次

    1、压缩及合并资源
    使用webpack或Parcel压缩图片、合并CSS和JS文件
    在线压缩图片网站:https://tinypng.com/

    2、调整JS和CSS的位置
    JS放在body最后,CSS放在head里

    3、使用CDN
    4、服务器上开启Gzip传输压缩
    5、服务器开启Cache-Control缓存控制

    6、使用Etag
    ETag是HTTP1.1中才加入的一个属性,用来帮助服务器控制Web端的缓存验证,通过控制浏览器端的缓存,可以节省服务器的带宽,因为服务器不需要每次都把全量数据返回给客户端。

    7、使用多域名实现资源并行下载
    8、资源懒加载
    可以初步先做一个图片资源懒加载

    相关文章

      网友评论

          本文标题:Web性能优化

          本文链接:https://www.haomeiwen.com/subject/iyujkctx.html