前 言
据谷歌、亚马逊等公司的统计数据显示,网站每消除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代码:
<script src="//instant.page/3.0.0" type="module" defer integrity="sha384-OeDn4XE77tdHo8pGtE1apMPmAipjoxUQ++eeJa6EtJCfHlvijigWiJpD7VDPWXV1"></script>
由于使用CDN等技术可能会优化js语句和整体代码,造成integrity验证失败出现无法加载该文件
可将integrity验证功能整体删掉:
<script src="//instant.page/3.0.0" type="module" defer></script>
用户:
可通过在Chrome浏览器下安装插件实现
发表回复