——“再好的网站,慢的像狗一样,用户也不鸟你。”
网站页面的响应时间往往很少受到 SEOer 们的关注,但这却是网站用户流失的直接原因之一。
在相当一部分的用户眼中,如果你的网站反应慢、页面打开慢,那用户会觉得:“这网站不正
规吧?怎么打开这么慢!?”所以,比较注意形象的公司都会专门做网站响应速度的优化。
其实,会影响到网站打开速度的因素有很多,虽然每一项看起来不甚严重,但是日积月累影响
越来越大,也就导致网站速度越来越慢,从而降低用户体验。网站优化不是一蹴而就的,它需
要每天耐心的维护。
一.大多数人是这么做的
多数站长遇到自己网站打开缓慢的情况时,往往会做3件事情:
1:谷歌搜索—“网站性能优化工具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产品运营赵保森整理发布
OneAPM 是应用性能管理领域的新兴领军企业,能
帮助
企业用户和开发者轻松实现:缓慢的程序代码和 SQL 语句的实时抓取。更多详情请登录http://oneapm.com
OneAPM为阿里云唯一官方推荐APM解决方案!
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。