——“再好的网站，慢的像狗一样，用户也不鸟你。”
网站页面的响应时间往往很少受到 SEOer 们的关注，但这却是网站用户流失的直接原因之一。
在相当一部分的用户眼中，如果你的网站反应慢、页面打开慢，那用户会觉得：“这网站不正
规吧？怎么打开这么慢！？”所以，比较注意形象的公司都会专门做网站响应速度的优化。
其实，会影响到网站打开速度的因素有很多，虽然每一项看起来不甚严重，但是日积月累影响
越来越大，也就导致网站速度越来越慢，从而降低用户体验。网站优化不是一蹴而就的，它需
要每天耐心的维护。
##一.大多数人是这么做的
多数站长遇到自己网站打开缓慢的情况时,往往会做3件事情：
1:谷歌搜索—“网站性能优化工具”,然后点击某一个连接，看看网站在全国各地的响应速度。
2:谷歌搜索—“网站慢的原因”,然后一边脑补一边在自己的网站上面找有没有对应的因素。
3:找累了，再观察几天，看看是换网站安装程序？还是换 web 服务提供商？还是买哪家的
cdn ？还是找个像OneAPM这样的性能优化公司的工具试试看？
这网站性能优化与网站加速啊，就好比看病，你得先查病因在哪，准确定位到问题，对症下
药。不能靠猜测,也不能道听途说,要用工具一步一步的去测量。
##二.最流行的前端性能测试工具
现在网上最流行3款工具结合使用:GoogleAnalytics—BrowserInsight—YahooYSlow
Google Analytics:分析用户在哪些域名下或者网页下流失,并定位是因为打开速度慢还是因为
对内容不感兴趣。
Browser Insight:分析用户访问域名和页面pv与加载时间关系,根据相关指标定位用户群访问
页面慢的原因和页面在哪个阶段发生了缓慢。
Yahoo YSlow:对缓慢域名页面与快的域名页面进行对比分析,找到可能影响缓慢的指标。
##三.相关指标介绍
记住！定位问题，不能靠感觉！！ 不能靠猜!！！ 也不要轻易换服务商和换应用程序！
流量大的站点上马 cdn 也要有完整的实施策略,毕竟 cdn 这么奢侈的工具不是每个站长都玩得
起的。
1.就目前国内无比复杂的网络情况而言 ,用户分布在各种网络情况下，网络越复杂,打开网站
的速度就越慢,所以需要用Browser Insight来测试用户网络复杂度----netType（网络复杂度）
2.就目前网站页面构成而言,页面结构越复杂,业务越复杂,用户打开网站的速度就越慢,所以需
要用YahooYSlow来测页面复杂度----pageType（页面复杂度）
3.用户打开页面的速度简称为用户体验----- apdex（用户满意度）
所以就有了公式 apdex=fn(netType,pageType)
##四. Browser Insight 能给你什么
在开发和测试阶段， pageType 是不稳定的, netType 是稳定的,所以 pageType 影响页面
加载时间的主要因素。
在站点发布后， netType 是不稳定的, pageType 是稳定的,所以 netType 是影响页面加载
时间主要因素。
根据业界对大量生产站点进行的持续观测,总结了一套评估用户满意度的统计算法,Browser
Insight 对这套算法进行了全面支持.并接合Yahoo YSlow与网页加载生命周期,进一步完善
了这套统计学算法在网站监测领域的实施.
Browser Insight 从 5 个方面进行支持定位网站性能瓶颈日常所需的数据
1．全量采集数据-----统计算法样本越多越准确,无论是日 pv100 的博客,还是日 pv1000 万的
商业站点, Browser Insight 均给予友好的支持。
2．网页性能区间-----一个网页加载过程包括：基本的服务器端耗时、网络耗时、页面加载、
资源加载,大多数网站性能瓶颈往往在某一个区间, Browser Insight 支持的非常好。
3．响应时间分布------页面网站影响时间到底集中在哪里？缓慢的访问是频发还是偶？发生缓
慢的用户群集中还是分散？这些日长进行性能优化任务时候需要进行排查的问题, Browser
Insight 给予了完美的支持。
4．实时数据------------任何商业站点每时每刻都有大量的用户在访问,出现故障迅速定位问题,
不容片刻等待— Browser Insight 完美实现数据实时分析功能。
5．用户资源零消耗------------- Browser Insight 师从 Google Analytics ,部署方式也与 Google
Analytics 类似,无需消耗磁盘、cpu、宽带,可轻松使用 Browser Insight 产品,无需担心增加IT
资源开销.最后补充一张 Browser Insight 解图,供大家了解。
就目前前端发展来看，凡是需要用户登录后看到的页面一般都会采取 js 绘制页面，服务器端
只提供接口，所以针对这种情况普通用户是分不清的，只会投诉说你的页面慢，其实是 js 报
错或者 ajax 报错造成的！ 所以对一 js 和 ajax 为核心的应用页面加速速度就是个伪命题，减
少 js 错误和 ajax 错误才是王道。
注：本文由OneAPM资深技术工程师张超编写，由OneAPM产品运营赵保森整理发布