[预加载]一个能让网站速度提升100倍以上的方法

前言

前段时间用Typecho搭建了一个博客网站：盘先森，后来就一直在研究SEO，以及如何让网站提升访问速度。

除了加CDN和图片懒加载之外，偶然在其它网站看到了预加载的技术，于是也给我的网站加一个预加载，方便以后大家在访问的时候速度会快一些。

预加载

预加载是在网站在全部加载之前，对一些主要内容进行加载，以提供给用户更好的体验，减少等待的时间。

经过测试，发现给网站加了预加载之后，网站提升速度有了飞跃的提升。

当用户的鼠标在页面的某一链接停放超过65ms时，网站会提前预加载该链接内容。

只加载html页面，用户点击链接后会秒开，接着才会加载图片、视频等资源，所以也不用太过于流量过度消耗的问题。

如何使用预加载

使用方法非常非常简单，就是直接在网站中引入js文件即可(标签之前)。

<script src="`文件路径`/instantclick.js" type="module"></script>