首页 » 建站手册 » 一个无需任何额外操作的预加载脚本

一个无需任何额外操作的预加载脚本

谷歌已收录,更新于2019年07月11日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

一个预加载js脚本,在用户鼠标滑过网址时即刻开始预先加载网页,达到提速的目的。该脚本不同于我之前分享的多线程预加载教程;之前分享的脚本压缩后大小为8Kb左右,现在这个压缩前3K左右。而且,之前分享的,会经常不加载一些网站内部的js脚本,需要你自己做回调判断处理,就像pjax那样,需要重载函数。

所以,推荐各位使用该预加载脚本,只需要引入一条js,不需要任何额外的处理,就可以达到提速的目的。

官网

点击访问instat.page项目的官网,也可以查看他们预加载的实现方法

instat预加载官网

js引入

这里提供两种方式,一种是官方源引入,一种是本地引入。

官方源引入

官方源里的integrity属性是一种防篡改sha384加密验证技术,就是说可以保证你加载的js是正确的,未被人篡改的。

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

本地引入

要使用本地引入方式,就需要去掉防篡改验证标签integrity,不去除会报错的哦。因为在自己站里,所以不会被篡改的。你需要下载官方提供的instantclick-1.2.2.js,放置于Typecho主题的js目录里,然后引用即可。其他博客程序,请修改js路径。

<script src="<?php $this->options->themeUrl('js/instantclick-1.2.2.js'); ?>" type="module"></script>

后续说明

会适当增加服务器负担,倒是不会鼠标划过去直接整个页面预加载,只是会预加载10K左右的关键文件,速度会有明显改善的。

预加载展示

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 4 条评论

  1. 松鼠大大 松鼠大大说道:

    沙发又是我的嘞

    1. 枂下 枂下说道:

      都快没人访问了,沙发永远是你的啦。emmm

      1. 松鼠大大 松鼠大大说道:

        别沮丧,会有办法的,这样倒也好,想发布啥就发布啥

        1. 枂下 枂下说道:

          那也不敢发布了,消停几个月再说吧。。。

最近动态查看

    近日可能会更新很多有实用价值的Chrome扩展程序,大佬们亦可推荐各种脚本或扩展程序哈。
返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫