利用方式

本文重点先容一个网站预装instant.page

该函数用于预加载用户想要拜候的页面，当用户现实单击链接时，将间接从缓存读取该链接，以加速站点的速度。

前言

无意间看到中国这样我们一个首要剧本，传闻可以经过瞬间获得进步企业网站治理页面停止加载速度。我一向对网站系统加载速度的优化很感爱好，因而便立即拿来试试，结果公然如说的就是那样，翻开门生页面嗖嗖的 ::paopao:tieba_emotion_53::

我们不需要晓得很多关于页面道理的工具，只需要晓得:

在用户点击网站链接之前，他们会将鼠标悬停在该链接上。当用户盘桓65毫秒时，会有两次点击链接的机遇，所以instant.page在这个时辰起头预加载，均匀300毫秒以上，这样页面便可以预加载了。

Instant.Page 是慢慢增强的——它对不支持它的阅读器没有任何影响。

结果

Instant.page对于进步站内拜候速度真的很有帮助。可是，它只会预加载自己的内部链接，不会预加载其他内部链接。

如您所见，当鼠标在左侧文章链接上逗留跨越65毫秒时，左侧收集将预加载站内页面(绿色)

此外，当悬停少于65ms时，将不履行预加载(红色部分)。

利用 instant.page 只会预加载 HTML 页面，而不会停止加载一个图片等资本，是以可以点击预加载的页面是秒开的，图片在我们点击完成以后门生才会经过加载，不用由于担忧与 lazyload 的各类不兼容情况题目。

 1.利用官方剧本只要把这行代码增加到网站的</body>标签之前即可。（由于剧本托管在国外，只倡议国外的朋友利用，国内的朋友加载官方的资本会比力慢哦）

layui-box layui-code-view" style="margin-top: 0px; margin-bottom: 10px; padding: 9.5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: border-box; position: relative; font-size: 13px; border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; overflow: auto; line-height: 1.42857; word-break: break-all; border-radius: 4px;">
code
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>

 2.自托管文件只需将下面这段 js文件 上传到自己办事器，然后在</body>标签之前按照途径增加下面的代码即可（激烈倡议办事器在国内的朋友利用）

code
<script src="`寄存途径`/ instant.page-5.1.0.js" type="module"></script>

下载地址：https://www.lanzoux.com/iOzIvfonj9a