Typecho 通过 JS 脚本预加载提升网站访问速度

如涉及侵权内容，请联系 cyclists@outlook.com

2 回复

在用户点击网站链接之前，他们将鼠标悬停在该链接上。当用户徘徊65毫秒时，他们将点击该链接有两个机会，因此 instant.page 此时开始预加载，平均超过 300 毫秒，以便页面预加载。

instant.page 是渐进式增强 - 对不支持它的浏览器没有影响。

原理就是通过捕捉鼠标悬浮的链接进行预加载。此脚本的加速指站内加速，但只会预加载 html 页面，不会加载图片等资源，所以不用担心与流量损耗等问题。

GitHub 地址：https://github.com/instantpage/instant.page

typecho 调用方法

把上述 Github链接文件 instantpage.js 下载之后上传到网站目录下；

在foot.php 文件 /body 标签前添加：

<script src="`存放路径`/instantpage.js" type="module"></script>

BUG：使用此脚本后统计数据增加，因为预加载会被统计成正常浏览次数，期待官方解决。

最后编辑：2021年9月06日 23:59:35「本站部分内容具有时效性，如遇失效请留言反馈」

转载声明：本站所有内容采用 CC BY-NC-SA 国际许可协议，转载请注明来源：Sep blog，谢谢！

发表评论