网站打开慢——你想知道原因吗?!

网站性能优化
前端性能监控
浏览器

#1

——“再好的网站,慢的像狗一样,用户也不鸟你。”

网站页面的响应时间往往很少受到 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产品运营赵保森整理发布


#2

GoogleAnalytics—BrowserInsight—YahooYSlow 看着很不错的样子。


#3

OneAPM


#4

集合起来一起使用,感觉棒棒哒


#5

不要做脑残粉,我们要理性分析各个的长处和短处,头像这么帅也不能任性啊·