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