专栏首页啸天"s blogTypecho 通过 JS 脚本预加载提升网站访问速度

Typecho 通过 JS 脚本预加载提升网站访问速度

在用户点击网站链接之前,他们将鼠标悬停在该链接上。当用户徘徊65毫秒时,他们将点击该链接有两个机会,因此 instant.page 此时开始预加载,平均超过 300 毫秒,以便页面预加载。

instant.page 是渐进式增强 - 对不支持它的浏览器没有影响。

原理就是通过捕捉鼠标悬浮的链接进行预加载。此脚本的加速指站内加速,但只会预加载 html 页面,不会加载图片等资源,所以不用担心与流量损耗等问题。

GitHub 地址:https://github.com/instantpage/instant.page

typecho 调用方法

把上述 Github链接文件 instantpage.js 下载之后上传到网站目录下;

在foot.php 文件 /body 标签前添加:

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

BUG:使用此脚本后统计数据增加,因为预加载会被统计成正常浏览次数,期待官方解决

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 在java中关于使用scanner接受char类型字符的方法

    Erwin
  • 你可能还不知道的apk签名绕过方法

    近期更新Android应用可要注意了,不要随意点个链接就升级,你的正宗应用可能升级成山寨应用哦。 Google在12月发布的安全公告中提到的“Janus”漏洞,...

    Erwin
  • YoungxjPwd密码本项目Java版发布

    该项目设计之初是为了规避那非常难记的密码,也是为了改变我喜欢使用老密的不良习惯。项目本身难度不大,但是在安全方面,我确实不敢保证100%的安全性,所以这也是一个...

    Erwin
  • git 统计项目各个开发人员开发情况工具 git-fame 的使用

    版权声明:本文为 FengCms FungLeo 原创文章,允许转载,但转载必须注明出处并附带首发链接 ...

    FungLeo
  • Python文本挖掘:知乎网友如何评价《人民的名义》

    文本分析使用愈来愈广泛,包括对新闻、电视剧、书籍、评论等等方面的文本挖掘并进行分析,可以深入找到表面文字看不到的细节。 介于《人民的名义》这部剧这么火,本人...

    机器学习AI算法工程
  • SAP BOM修改记录查询的几种方式

    F8执行(DATUM表示开始日期,TABNAME:BOM的Header,填写STKO;TABKEY:对应表的字段属性),然后再执行即可看到对应字段所做得创建,修...

    用户5495712
  • 如何在Mysql的Docker容器启动时初始化数据库

    Docker在开发中使用的越来越多了,最近搞了一个Spring Boot应用,为了方便部署将Mysql也放在Docker中运行。那么怎么初始化 SQL脚本以及数...

    码农小胖哥
  • http网络编程(node版)

    基础的东西总是很少人看,写起来也特别痛苦。不是因为它简单——恰恰是因为它太晦涩,太基础了——以至于没有人乐意用它来充实自己(装逼)。

    一粒小麦
  • python字符编码与转码

        1.python2.X 默认编码是ascii ;支持中文需要加“ #-*- coding:utf-8 ”;

    py3study
  • 【Git 第6课】 文件状态

    在第4课的最后,我们用以下两条命令: git add readme.txt git commit -m 'my first commit' 向我们新建的git仓...

    Crossin先生

扫码关注云+社区

领取腾讯云代金券