前端性能测试

一、为什么做前端性能测试，主要测试什么？

1、前端性能测试对象：HTML、CSS、JS、AJAX 等前端技术开发的 Web 页面

2、测试目的：测试页面加载时间指标=页面渲染+网络传输+服务器端解析，找出影响性能的主要因素和瓶颈，同时给出一定的优化建议和解决方案，从而提升用户体验。

二、怎么做，采用什么工具？

1、页面结构分析工具： YSlow/PageSpeed

     通过网页 JS/CSS/Image 数及请求数量、请求类型、缓存等方面的静态分析 ，多用于本地开发或者本地测试

2、真实用户浏览页面分析：OneAPM Browser Insight/业界俗称—real user monitoring

      通过真实浏览器访问页面，收集页面的 w3c 标准信息，ajax，网络等数据等终端分析，多用于内网多终端系统检测和 web 网站检测；

三、实践

1、结构分析：通过Yslow（业界俗称：雅虎评估网站性能的23条军规）

点击YSlow按钮，启动插件，点击Run Test 测试当前页面。在新弹出的界面中按照重要性显示了影响此页面效率的元素，其中A-B代表性能合格，C以下的为不合格。即，评分低于80分。