前言
今天我们来用一种冷门玩法来实现页面预缓存,来加速自己的网站!
什么是预加载
通常情况下,网页的加载是从打开链接的一刻才开始的,浏览器需要加载对应的代码、图片等,如果请求过多的话,花费的时间会很久。
而网页预加载,则是在你打开对应的链接之前,网页就已经开始请求与下载相应的内容到浏览器中,当你真正打开该网页时,就可以直接从浏览器的缓存中读取,从而大大提升网页的打开速度
好了废话不多说,直接上教程!
使用教程
把这个 HTML 片段放在 </body> 之前:
<script src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>
当然如果你是 wordpress 的话,我们直接在后台搜索安装 Instant.page 插件就行了。
本人不太喜欢后台插件过多,所以用代码来实现效果!
正文完