概要:要提升前端性能,有两大思路:
1>.减少页面加载所需要的时间。
2>.提升用户的观感,让用户觉得页面更快。
减少页面加载所需的时间,可以从请求的数量、请求的并发度及网络传输时间等方面来着手;而提升用户观感,则主要从让页面尽快开始显示入手。
常用的前端性能测试工具:
1.Apache Benchmark工具,简称ab,命令如下:
ab -c[并发用户数量] -n[发出请求的数量] [被测试页面的URL]
2.Firebug工具
Firebug工具是一个备受推崇的、强大的Web开发工具,它提供了方便的查看页面元素功能,允许用户以鼠标指示、DOM树等方式查看任意页面元素,提供了控制台直接调试JavaScript;提供了可视化的CSS标尺,方便用户调整页面布局;提供了网络面板,允许用户获知每个页面被加载过程中的页面元素下载和执行细节。Firebug工具同时提供了非常好的扩展。
3.HttpWatch工具
HttpWatch工具是可在IE和Firefox下使用的网页数据分析工具。当然,在Firefox平台上已经有Firebug这个强大的工具了,在IE平台上,HttpWatch是个不错的选择
4.Page Speed工具
Page Speed工具是一个基于Firebug工具的前端性能优化工具,该工具由Google公司创建并发布。Page Speed工具依据一些规则对页面进行检查,查找可以优化的地方病给出相应的建议
5.DynaTrace AJAX Edition 工具
DynaTrace Ajax Edition工具是Windows 平台上的免费工具,该工具提供了非常强大的前端性能测试支持。从该工具的名称就可以看出,其主要是针对大量使用Ajax技术应用开发的,它会显示对网页的总评分以及各个分项目的评分信息