沫延说
沫延说
让网站的加载速度再快一点儿
让网站的加载速度再快一点儿

前    言

据谷歌、亚马逊等公司的统计数据显示,网站每消除100ms延迟就能提升1%的销售额.

然而加载速度一直以来受多方面因素影响,单方面通过技术手段优化路由延时已经难以实现较为理想的效果

证明材料
keyboard_arrow_down

亚马逊(幻灯片15):100毫秒的延迟导致销售量减少1%。

Google(视频):500毫秒导致流量下降20%。

沃尔玛(幻灯片46):100毫秒的改进带来了1%的增量收入。

Mozilla:页面加载时间缩短了2.2秒,下载量增加了15.4%。

雅虎:400毫秒导致流量下降5%至9%。

 

新思路

人脑对即时动作的反应时间极限为100ms,鉴于此,当用户单击一个链接时,会先将鼠标光标移动至该链接上

在悬停65ms时开始预加载页面,平均减少“延迟”可达到300ms以上

当然还有第二种可能,当用户按下鼠标时开始预加载页面,相比第一种思路可将误判的页面加载数降低为0

同时仍能获得平均值为80ms的“速度提升”,对于移动端(触摸屏)能达到90ms

人脑对即时动作的反应时间极限证明材料
keyboard_arrow_down

Jakob Nielsen: Response Times: The 3 Important Limits:

0.1 second is about the limit for having the user feel that the system is reacting instantaneously, meaning that no special feedback is necessary except to display the result.

 

实    现

站长:

在网站的</body>之前加入HTML代码:

由于使用CDN等技术可能会优化js语句和整体代码,造成integrity验证失败出现无法加载该文件

可将integrity验证功能整体删掉:

用户:

可通过在Chrome浏览器下安装插件实现

 

 

 

感谢您阅读让网站的加载速度再快一点儿

及时获取更多文章,欢迎关注“Topstalk”微信订阅号

Thank you for reading the 让网站的加载速度再快一点儿

Get more articles in time,Welcome to follow the "Topstalk" WeChat subscription account

Morton.L

文章作者

发表评论

textsms
account_circle
email

沫延说

让网站的加载速度再快一点儿
前    言 据谷歌、亚马逊等公司的统计数据显示,网站每消除100ms延迟就能提升1%的销售额. 然而加载速度一直以来受多方面因素影响,单方面通过技术手段优化路由延时已经难以实现较为理…
扫描二维码继续阅读
2019-09-29