本文介绍了预加载技术在提升网站访问速度上的应用。通过在页面加载时预先加载部分主要内容，可以显著改善用户体验，减少等待时间。文章详细说明了预加载的工作原理，以及如何简单地在网站中引入预加载的JS文件。同时，也提到了预加载可能带来的弊端，如增加服务器负担和消耗CDN流量，但总体而言，其优势在于能够实现链接的快速打开。
前言
前段时间用Typecho搭建了一个博客网站：盘先森，后来就一直在研究SEO，以及如何让网站提升访问速度。
除了加CDN和图片懒加载之外，偶然在其它网站看到了预加载的技术，于是也给我的网站加一个预加载，方便以后大家在访问的时候速度会快一些。
预加载
预加载是在网站在全部加载之前，对一些主要内容进行加载，以提供给用户更好的体验，减少等待的时间。
经过测试，发现给网站加了预加载之后，网站提升速度有了飞跃的提升。
当用户的鼠标在页面的某一链接停放超过65ms时，网站会提前预加载该链接内容。
只加载html页面，用户点击链接后会秒开，接着才会加载图片、视频等资源，所以也不用太过于流量过度消耗的问题。
如何使用预加载
使用方法非常非常简单，就是直接在网站中引入js文件即可(标签之前)。
<script src="`文件路径`/instantclick.js" type="module"></script>
1、大家可以新建一个instantclick.js的文件，然后复制源
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
