【性能测试】：前端性能测试等一系列问题

一、对于访问一个网站，花费的时间分为两部分，前端和后台服务时间，对服务器的性能测试通常使用loadrunner或jemter等工具

而前端同样消耗的时间（请求，网络传输，页面加载，渲染）等方面。

 

对于一个网站网站的速度以及稳定性是是非常重要的，网站的性能表现也同样是网站排名的一项标准。

二、前端的性能：

  2.1 加载时间指标，主要包括三个时间断

1，展示title时间

2，展示内容时间

3，资源加载完成时间（总的时间）

2.2 资源情况指标

网页由初始的html文本中嵌入图片以及通过XHR或者修改dom树动态加载的内容组成，css负责样式，js负责行为。所以当网页资源过多为了下载资源，客户端和服务器的网络来回就更多。下面是资源方面相关的指标。

a. 网页总的http请求，包括对css，js的下载和其它网络请求，我们做优化也是尽可能减少http请求书

b. 300/400/500等请求的总数，尽量减少此类请求；

c. 所有网页元素的总的大小，主要是涉及到对一些图片下载传输的压缩和加载；

d. image js css等元素大小的占比；

e. 通过js异步从服务器端获得数据的请求数。一些js框架提供了跟服务器端的更新机器，就是XHR请求。通过配置可以减少XHR请求的数目

  2.3 网络连接指标

网络的连接对资源的下载速度有很大影响。资源的下载过程分为很多阶段。下面介绍这些阶段以及浏览器、网络、请求如何影响这些阶段的时间

a. dns 查询的时间。网页请求对dns进行解析，这个需要消耗时间。

b. 连接时间，每个http请求，C端和S端建立连接是需要消耗时间的。网络连接过慢、使用ssl、使用短连接而非常连接都是造成connect time较多的原因。

c. 服务器响应时间：后端处理数据后返回的速度。

d. 传输速度，设计到网络速度，对传输内容压缩，减少传输内容可以减少时间。

e. 等待时间和同一个域中服务资源的数量直接相关。每个域的浏览器的物理网络的限制，导致资源等待可用的连接。减少资源的数量，或将资源散布在不同的域，能将这一时间降低。平均等待时间的大小更能反映等待时间是否需要注意。

f.部署网站资源的域主机数量是很重要的，因为它影响的DNS，连接和等待时间。

  专门用户资源下载的域是必要的，他将直接减少等待时间。应避免单一的资源域，否则你将为dns查询以及资源下载付出昂贵的代价。

三、

3、前段性能测试

  3.1 DynaTrace AJAX ，我主要用于在IE浏览器上的性能诊断；

  3.2 yslow 用在Chrome firefox上的性能插件