概要：要提升前端性能，有两大思路：

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技术应用开发的，它会显示对网页的总评分以及各个分项目的评分信息

前端性能测试工具