前端性能测试

标签：实现   方法   性能   多个   test   传输   webp   作用   使用   

一 、 关注点

前端性能关注点 主要为 ① 浏览器端的页面渲染时间  ② 资源加载顺序  ③  请求数量  ④前端缓存使用情况 ⑤ 资源压缩内容

二、 优化

①、减少 DNS 查询次数：DNS 的作用是将 URL 转化为实际服务器主机 IP 地址，实现原理是分级查找，查找过程需要花费 20~100ms 的时间，所以一方面我们要加快单次查找的时间，另一方面也要减少一个页面中资源使用了多个不同域的情况；
②、避免页面跳转：页面跳转相当于又打开一个新的页面，耗费的时间就会比较长，所以要尽量避免使用页面跳转；
③、使用内容分发网络（CDN）：使用 CDN 相当于对静态内容做了缓存，并把缓存内容放在网络供应商（ISP）的机房，用户根据就近原则到 ISP 机房获取这些被缓存了的静态资源，因此可以大幅提高性能；
④、Gzip 压缩传输文件：压缩可以帮助减小传输文件的大小，进而可以从网络传输时间的层面来减少响应时间

三、性能测试工具

　　WebPageTest  使用方法

前端性能测试

标签：实现   方法   性能   多个   test   传输   webp   作用   使用   

原文地址：https://www.cnblogs.com/try-chi/p/11949013.html