返回 登录
0

驳:10种优化页面加载速度的方法[到底是什么影响前端性能!][前端性能可视化!]

多数遇到自己网站自己打开缓慢或者群里由人反馈说自己网站打开缓慢,时往往会做3件事情
1:谷歌搜索 网站速度测试工具,然后点击某一个连接看看,网站是不是很慢,或者是不是在全国很快.
2:谷歌搜索 网站慢的原因,然后脑补各种影响网站慢的原因,在自己网站上找一边,看看有没有原因
3:找累了观望一周,再感觉一下,网站到底慢不慢,是换网站安装程序,还是换web服务提供商,还是买哪家的cdn.
这网站性能优化与网站加速啊,就好比看病,得先找到问题出在那,准确定位到问题,对症下药.不能靠猜测,也不能道听途说,要用工具一步一步的去测量.

本文反驳下面类似文章

10种优化页面加载速度的方法 - 极客头条 - CSDN.NET
页面加载速度优化的12个建议 - 站长之家
推荐十大优化页面加载速度的方法 - 51CTO.COM
提升网页加载速度和体验以及图片优化的方法Web标准教…脚本之家
25种提高网页加载速度的方法和技巧 | Sina App Engine Blog
解决页面加载速度慢的几个方法电脑百度经验
11个页面加载速度优化的建议


大家都是前端要有点职业精神
一般都是通过3款工具接合使用:GoogleAnalytics-BrowserInsight-YahooYSlow
GoogleAnalytics:分析用户在那些域名下或者网页下流失,并定位是因为打开速度慢而流失,还是因为内容不感兴趣而流失
BrowserInsight:分析用户访问域名和页面pv与加载时间关系,根据 相关指标 定位用户群访问页面慢的原因和页面在那个阶段发生了缓慢
YahooYSlow:对拿到的缓慢域名和页面进行分析,对拿到的快的域名和页面进行分析,对比差别,找到可能影响缓慢的指标

定位网站缓慢的原因:不能靠感觉,不能靠猜,不能靠蒙,也不要轻易换服务商和换应用程序,流量大了的站点上马cdn也要有完整的实施策略 ,毕竟cdn这么奢侈的工具不是每个人都玩得起的

就目前国内的情况而言,国内网络复杂务必,造成用户分布在各种网络情况下,用户的网络越复杂,大开网站的速度就越慢,所以需要用BrowserInsight来测试用户网络复杂度—-用户网络复杂度 netType

就目前网站页面构成而言,页面结构月复杂,业务月复杂,用户打开网站的速度就越慢,所以需要用YahooYSlow来测页面复杂度—-页面复杂度 pageType

用户打开页面的速度简称为用户体验—–用户满意度apdex

所以就有了公式 apdex=fn(netType,pageType);

就站点或者网络产品开发过程而言
在开发和测试阶段 pageType,是不稳定的, netType是稳定的,所以 pageType影响页面加载时间的主要因素

在站点发布后 netType 是不稳定的, pageType是稳定的,所以 netType是影响页面加载时间主要因素

根据业界对大量生产站点进行的持续观测,总结了一套评估用户满意度的统计算法,BrowserInsight 对这套算法进行了全面支持.并接合YahooYSlow与网页加载生命周期,进一步完善了这套统计学算法在网站监测领域的实施.

BrowserInsight 从5个方面进行支持定位网站性能瓶颈日常所需的数据
1:全量采集数据—–统计算法样本越多月准确,无论是日pv100的博客,还是日pv1000万的商业站点,BrowserInsight均给予友好的支持
2:网页性能区间—–一个网页加载过程包括基本的服务器端耗时,网络耗时,页面加载,资源加载,大多数网站性能瓶颈瓶颈往往在某一个区间,BrowserInsight 支持的非常好
3:响应时间分布——页面网站影响时间到底集中在哪里,缓慢的访问是频发还是偶发,发生缓慢的用户群集中还是分散,这些日长进行性能优化任务时候需要进行排查的问题,BrowserInsight 给予了完美的支持
4:实时数据————任何大型的商业站点每时每刻都由大量的用户在访问,出现故障迅速定位问题,不容片刻等待— BrowserInsight 的的数据的实时的,虽然干不少谷歌毫秒级别但是分钟级别也是可以接受的.
5:用户资源零消耗————- BrowserInsight 师从Google Analytics ,部署方式也与Google Analytics类似,无需消耗 磁盘,cpu,宽带
最后补一张图图片描述
就目前前端发展来看,凡是需要用户登录后看到的页面一般都会采取js绘制页面,服务器端只提供接口
所以针对这种情况普通用户是分不清的,只会投诉说你的页面慢,其实是js报错或者ajax报错造成的!
所以对一js和ajax为核心的应用页面加速速度就是个伪命题,减少js错误和ajax错误才是王道。
图片描述

评论