# TRHX'S BLOG

# 一个 JS 脚本实现网站预加载，提升页面加载速度

TRHX'BLOG

2019-06-12

WEB前端

instant.page

JS 预加载

instant.page 使用即时预加载技术，在用户点击之前预先加载页面。当用户的鼠标悬停在一个链接上超过 65 毫秒时，浏览器会对此页面进行预加载，当用户点击链接后，就从预加载的缓存中直接读取页面内容，从而达到缩短页面加载时间的目的。

<fancybox>
</fancybox>

以我博客为例，使用了这项技术后，当鼠标在一个链接停留超过 65 毫秒时，Network 里可以看见相关文章已经预加载出来了，而停留时间过短就不会预加载（红色部分，状态为 canceled）

使用方法：
将以下HTML代码放在</ body> 之前即可：

    1

    <script src="//instant.page/1.2.2" type="module" integrity="sha384-2xV8M5griQmzyiY3CDqh1dn4z3llDVqZDqzjzcY+jCBCk/a5fXJmuZ/40JJAPeoU"></script>

但是此脚本是官方的，储存在国外服务器，对国内访问不太友好，可以将该JS脚本储存到自己的服务器上，点此获取该JS脚本，然后再根据以下格式在</ body> 之前引用：

    1

    <script src="`存放路径`/instantclick-1.2.2.js" type="module"></script>

也可以直接使用我的，使用 jsDeliver CDN 加速，速度还可以：

    1

    <script src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@2.0.2/js/instantclick-1.2.2.js" type="module"></script>

参考资料：《网站预加载 JS 脚本 instant.page》——by 左岸 ；instant.page官网

最后更新于 2019年6月12日

###### 上一页

#### 恶意刷留言者——你是什么垃圾？

###### 垃圾

###### 下一页

#### 网站ICP备案和公安备案流程

###### ICP备案 公安备案

#### 评论

## TRHX'S BLOG

求知若饥 虚心若愚

站内导航

- 所有文章
- 文章归档
- 所有标签
- 我的友链
- RSS订阅
- 关于博主

QQ交流群

访客地图

域名转让

以下闲置域名低价转让，价格非常美丽，给钱就扔，欢迎骚扰：

52bug.club
52bug.xyz
52bug.top
NeedForSpeed.site
文章分类

- BLOG
  (3)
- CDN
  (1)
- Hexo
  (4)
- Java
  (1)
- Linux
  (2)
- Markdown
  (2)
- Python3
  (11)
- WEB前端
  (2)

热门标签
BLOG CDN Deepin Elicpse Github Github Pages HTTPS Hexo ICP备案 JDBC JS 预加载 Markdown PEP8 Pygame Python SQL Server 2012 Ubuntu VMware if语句 input()函数 instant.page jsDeliver while循环 主题个性化 公安备案 函数 列表 变量 垃圾 字典 异常 技巧 操作列表 数据类型 文件 模块 类 继承 编辑器
最近在听