网站速度监测概述

来源：《海量运维、运营规划之道》

通过提升网站速度达到提升产品价值，第一步需要监测，其次才有优化，所以监测的目标是知道产品和竞争对手的速度有多快，更要知道问题在那里。目前业界比较成熟的监测方法有以下两种：

客户端主动监测

通过在招募用户的PC、手机上安装监测客户端收集用户访问产品的速度信息，可以通过服务器下发监测任务到客户端，按一定频率主动监测产口速度和体验，并发送到服务器进行展现和分析，第三方商业公司做得较好的有gomez、keynote、基调网络等公司，最大的特点是可以监测竞争对手。

JS被动监测

通过在网页中内嵌JS监测代码，当用户访问有JS监测代码的网页时，会收集用户的速度和体验信息，发送到服务器端进行展现和分析，目前这个方法是通用的，实现门槛较低，只能自己监测自己，JS监测代码本身会拖慢页面的加载。

两种监测方法都发生在真实的用户浏览器上，这些用户具有地域属性、运营商属性、本地接入网络属性等，并将监测到的数据回传到服务端，再由各维度的分析模型进行可视图的展现和分析，过程如下图所示：

两种监测的利弊及业界领先公司的做法如下所示：

1、国外，Google、facebook使用第三方客户端监测gomez和内嵌JS收集速度，竞争对手和复杂的事务监测等主要使用第三方客户端监测。

2、国内，Google中国、microsoft中国、腾讯、阿里等通过第三方客户端监测基调和内嵌JS收集速度，竞争对手和复杂的事务等监测主要使用第三方客户端实现。

客户端主动监测

优点（可监测）

• 真实终端浏览器渲染

• 真实端到端、全网监测

• 适合国情、多地域、多运营商

• IDC、CDN监测

• 第三方应用监测

• 对象、渲染时间

缺点

• 抽样监测

• 无法跳过验证码监测

• 无法监测部分流媒体

• 无法监测复杂移动APP

• 无法知道性能影响的用户数

国内、外企业使用情况

• Google、yahoo、facebook已经使用Gomez、Keynote客户端主动监测多年，主要监测全球IDC及竞争对手性能和对比分析

• 腾讯、阿里已使用基调客户端主动超过5年，主要监测全国各IDC、ISP、CDN及竞争对手的性能和对比分析

JS被动监测

优点（可监测）

• 网页开始渲染时间

• 网页总下载时间

• 页面组件（flash、ajax）

• 用户点击行为

• 区域加载监测

缺点

• JS没加载，就得不到任何数据

• 增加页面尺寸和延迟

• 得不到TCP时间

• 监测需求人工添加

• 无法进行行业竞品对比

国内、外企业使用情况

• Google、yahoo、facebook主要通过JS及衍生性能分析、优化工具进行web性能分析及优化。

• 腾讯、阿里主要通过JS及衍生性能分析、优化工具进行web性能分析及优化，主要侧重于开发环节。