前端性能测试工具

前端性能测试工具

Chrome Devtools

优点：

支持移动端H5在PC端远程调试，能够对具体的移动端设备进行测试集成了page speed提供network面板，展示瀑布流视图，各种资源清晰罗列，还提供缩略图，方便查看图片的大小、尺寸和冗余或缺失。可模拟网速、设置device分辨率来测试实际的弱网环境显示效果提供timeline面板，展示内存、CPU变化，FPS等性能数据等

缺点

录制后分析的一种静态分析方法，不同于fiddle等抓包工具提供实时的抓包、修改等功能

webpagetest

工具链接：​​Insights

工具链接：​​http://googlespeed-​​优点：

直观的测试结果展示，并提供优化建议可以分别测试移动端和PC端的结果提供了网页速度和用户体验两类的测试结果，包括字体清晰、窗口大小等用户体验结果

缺点：

只有结果，没有详细的资源数据统计没有提供各个HTTP和request和reponse的详细数据

具体分析H5的页面情况时，3中工具可以结合一起使用

1.作者：Syw

3.如果文中有什么错误，欢迎指出。以免更多的人被误导。

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。