前端性能测试
Posted try-chi
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了前端性能测试相关的知识，希望对你有一定的参考价值。
一 、 关注点
前端性能关注点 主要为 ① 浏览器端的页面渲染时间 ② 资源加载顺序 ③ 请求数量 ④前端缓存使用情况 ⑤ 资源压缩内容
二、 优化
①、减少 DNS 查询次数：DNS 的作用是将 URL 转化为实际服务器主机 IP 地址，实现原理是分级查找，查找过程需要花费 20~100ms 的时间，所以一方面我们要加快单次查找的时间，另一方面也要减少一个页面中资源使用了多个不同域的情况；
②、避免页面跳转：页面跳转相当于又打开一个新的页面，耗费的时间就会比较长，所以要尽量避免使用页面跳转；
③、使用内容分发网络（CDN）：使用 CDN 相当于对静态内容做了缓存，并把缓存内容放在网络供应商（ISP）的机房，用户根据就近原则到 ISP 机房获取这些被缓存了的静态资源，因此可以大幅提高性能；
④、Gzip 压缩传输文件：压缩可以帮助减小传输文件的大小，进而可以从网络传输时间的层面来减少响应时间
三、性能测试工具
WebPageTest 使用方法
以上是关于前端性能测试的主要内容，如果未能解决你的问题，请参考以下文章