为什么web性能重要
怎么测试web性能
怎么改善性能
1Whydoesspeedmatter这部分我不是很想说,就像在搜集证据说钱多么重要一样,但还是应付的给个参考链接:Whydoesspeedmatter?。
比如性能关乎用户体验,进一步影响用户留存、转化率。
2Howtomeasurespeed评测一个web应用包含很多指标,比如RAILmodel对response,animation,idle,andload四个方面进行了评估。
另外推荐一些常用的测试工具,比如ChromeDevTools,WebPageTest,lighthouse。
其中WebPageTest是一个在线的测试网站,可以对指定域名生成测评报告,结果如下
lighthouse可用chrome自带版本,也可以使用lighthouse-cli,结果如下
带有--locale=zh-cn参数可以指定中文报告,打分指标参考这里。PageSpeedInsights也使用了lighthouse的数据。
3Howtoimproveperformance这部分我打算分两个部分介绍
内容加载
内容渲染
3.1内容加载这部分介绍页面怎么减少内容加载对网站性能的影响,可以分为以下思路,即一个页面的加载,从请求、传输、下载以及其他细节方面来考虑
3.1.1减少请求次数利用ssr,加快首屏渲染,有利于seo