今天下午逛GitHub的时候,GitHub的首页推了一个这样的项目
https://github.com/instantpage/instant.page
项目的介绍这样写到
在用户单击链接之前,他们会将鼠标悬停在该链接上。当用户悬停 65 毫秒时,他们有二分之一的机会点击该链接,因此 instant.page此时开始预加载,平均为页面预加载留下超过 300 毫秒的时间。
另一种选择是在用户开始按下鼠标时加载页面而不进行预加载。这使得未使用的请求为零,同时仍然将页面加载平均提高了 80 毫秒。
您还可以在悬停时或链接可见时进行预加载,并在用户开始按下鼠标时触发点击,从而使您的页面成为世界上最快的页面。
用户在释放之前开始触摸显示屏,平均留出90 毫秒的时间来预加载页面。

汉译过来大概意思就是,当鼠标即将悬停到a标签的之前,对该链接进行预加载,提高访问速度
因为之前有同学反馈我的博客点击文章加载有些慢,于是乎说干就干,项目很简单,如需上手,直接在body标签之前加入一行js代码即可
代码如下
<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

如上截图所示,当鼠标即将点击到文章链接,instant.page会对文章链接执行预加载,从而提高页面渲染速度
各位来访的朋友,有没有觉得速度比之前更快呢
弱弱的问下,cc的域名也能备案?
可以 但是cc现在续费很贵 76一年
大佬,这个代码不管什么主题,都可以直接复制使用吗?谢谢
对的 就是简单的js代码 理论上适合任何前端页面
现在你的博客加载速度是真快!
wordpress插件WP-Rocket也有这个功能,我一直在用,体验很棒
wordpress 插件生态很强大 不过我服务器要到期了 正在移植这个主题 转到hugo
博客浏览比较快,但是关于页面还是要等一会。
谢谢反馈 后面会优化 打算vue重构一下
博主用的是国内服务器吗?速度挺快的!
是的 国内 腾讯云服务器
确实快了不少,整挺好 ::miaomiao:363::
哈哈 是吧
github打开是真慢。
修改一下dns 或者挂一下代理
instant.page加速节点有时候在国内会被短暂拦截,导致引用的站点也无法加载完成,建议本地部署
好的 多谢呆哥提醒
贵站优化的很好啊
谢谢
我的博客重启了,年前服务器到期了一直没时间弄。
哦哦 我以为你不做博客了
这个项目听起来不错哟
在我垃圾校园网络的加持下,还是一如既往的慢 ::bqb:chixiangjiao::
话说你们学校校园网 多少钱 我们128一个月 太贵了 如果充五百进去 会有99每个月的优惠价 还是用不起 我现在就是一个叙利亚战损版4G手机开热点 里面塞了一张电信星卡 上网 看看1080p 勉强够用
这个有点意思,原来是预加载了整个页面的数据。
是个好方法,我是直接缓存到Radis里面 ::douyin:19::
奇怪为啥我的朋友圈没有推送你的帖子,看了一下是赵佬你的rss没有生成最新的。
有哇 我的文章rss地址 https://usj.cc/feed 有最新文章的 ::bilibili:bq_108::
好了,订阅源用的你以前的那个域名导致拉区不到更新,我换了。
链接预判了用户的预判,哈哈哈
有缓存了
::bqb:chixiangjiao::
这个东西啊,我几年前就已经用上了 ::bqb:gjdk::
::douyin:52::