网站加速 JS 脚本 instant.page

有一项技术叫做 prefetch,这个技术,其实说白了,就是一项预加载技术,当用户有意向访问某个页面之前,浏览器首先对此页面进行预加载,当用户真正点击链接后,会从预加载的缓存中直接读取页面内容,缩短页面的加载时间。

而如何来使用这项技术?其实在 html5 的链接标签中有一个 rel 属性,其中有个参数就是 prefetch,不过使用的人不多。

本文介绍的 instant.page,就是使用这项技术的一个脚本,脚本会根据用户鼠标在链接上的停留时间进行判断,当达到 65 毫秒,用户有一半的机会打开此链接,instant.page 将会对此页面进行预加载。

使用

1、使用官方提供的带有 Cloudflare 加速的脚本

instant.page 的使用非常简单:

<script src="//instant.page/1.2.2" type="module"></script>

只需要把这行代码添加到网站的 </body> 之前即可。

2、自托管

建议服务器在国内的朋友使用。只需将下面这段 js 上传到自己服务器,然后在 </body> 标签之前根据路径添加下面的代码即可。

然后在 </body> 标签之前根据路径添加下面的代码即可。

instantclick-1.2.2.js

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

3、左岸提供的 cdn。脚本放在又拍云,不用担心拖慢速度。

<script src="https://cdn.zrahh.com/js/instantclick-1.2.2.js" type="module"></script>

本文转自:左岸博客


 上一篇
linux安装 jiacrontab 管理定时任务 linux安装 jiacrontab 管理定时任务
自己有几个需要定时运行的爬虫,用不到诸如 pyspider 之类的爬虫框架,但是又觉得 crontab 不太直观。所以找到了 jiacrontab,自带 web 界面,使用 Go 语言开发。 提供可视化界面的定时任务&常驻任务管理工
2019-08-12
下一篇 
Linux更改为密钥登录 Linux更改为密钥登录
今天登录服务器发现有将近一万个登陆失败的提示,明摆着被人盯上了。。。于是将服务器的登录方式改为了RSA密钥登录。 生成密钥首先是要生成密钥,我直接使用的XShell生成,另存为文件 配置服务器进入/home/用户名/.ssh文件夹,如果
2019-08-10
  目录