前言

今天我们来用一种冷门玩法来实现页面预缓存，来加速自己的网站！

什么是预加载

通常情况下，网页的加载是从打开链接的一刻才开始的，浏览器需要加载对应的代码、图片等，如果请求过多的话，花费的时间会很久。

而网页预加载，则是在你打开对应的链接之前，网页就已经开始请求与下载相应的内容到浏览器中，当你真正打开该网页时，就可以直接从浏览器的缓存中读取，从而大大提升网页的打开速度

好了废话不多说，直接上教程！

使用教程

把这个HTML片段放在</body>之前：

<script src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>

当然如果你是wordpress的话，我们直接在后台搜索安装Instant.page插件就行了。

本人不太喜欢后台插件过多，所以用代码来实现效果！