第六章:web前端性能

  1. 提高前端性能的方法
    一、减少网络时间
    1、使用DNS缓存技术:不同浏览器有不同的实现
    2、减少需要传输文件的尺寸:gzip压缩
    3、加快文件传输速度:CDN技术

    二、减少发送的请求数量
    1、利用浏览器缓存
    2、使用合并的图片

    三、提高浏览器下载的并发数量
    1、JS文件放在html文档的最后
    2、使用多个域名:每个域名有允许最大个数的连接数,设立多个域名则有个多连接

    四、让页面尽早开始显示
    1、将样式表的引用放在html文档的开头
    2、将JS的引用放在html文档的最后

    五、其他

  2. 监控用户体验到的前端性能
    一、在页面上增加计时点
    二、使用JavaScript库简化计时点工作
    三、将计时信息发送给服务器

猜你喜欢

转载自blog.csdn.net/weixin_42306440/article/details/89049095