提高博客的访问体验

2024.03.02 技术 26 评 1106 度

AI摘要

Gemini

想让你的博客飞快加载吗？秘籍在这里！只需一个简单的 JavaScript 代码，你的博客就能像火箭般嗖嗖地飞！鼠标一悬浮到链接上，页面就提前预加载，再也不用让访问者苦苦等待。来体验一下吧，包你惊喜不断！

在逛 blogs 时发现一个大佬的文章访客体验优化看到鼠标悬停在链接上时就会默认预加载平均为页面预加载留下超过 300 毫秒的时间。

博客被obaby姐吐槽访问速度慢，奈何个人技术有限，加上各种插件的堆叠，不会优化导致页面加载慢。哈哈哈，看到这个就像看到救命稻草一样！！！

安装真的很简单,直接在body标签之前加入一行js代码即可

<script src="//instant.page/5.2.0" type="module" integrity="sha384-jnZyxPjiipYXnSU0ygqeac2q7CVYMbh84q0uHVRRxEtvFPiQYbXWUorga2aqZJ0z"></script>

2024-03-02T02:56:17.png

如上截图所示，当鼠标即将点击到文章链接，instant.page会对文章链接执行预加载，从而提高页面渲染速度。
各位来访的朋友，有没有觉得速度比之前更快呢

问题：富强后无法使用

2024-03-02T05:49:32.png

26 评论

胖氪笔记 Chrome 123 Windows 10 安徽省安庆市

4月13日回复

这是什么原理？闭眼加就完了嘛？

湘铭呀！ Chrome 123 Windows 10 福建省宁德市

4月19日回复

@胖氪笔记哈哈哈是的

书签网 Chrome 123 Windows 10 江西省赣州市

3月25日回复

优化的很不错啊

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月25日回复

@书签网谢谢

林羽凡 Firefox Browser 123 Windows 10 甘肃省兰州市

3月11日回复

我这里访问速度还可以。

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月11日回复

@林羽凡嗯呐

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月11日回复

@ 终于还可以了哈！

网友小宋 Chrome 122 Windows 10 河南省漯河市

3月5日回复

挺快的啊

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月11日回复

@网友小宋嘿嘿

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月4日回复

@ 赞！

陶小桃Blog Chrome 122 Windows 10 北京市北京市

3月3日回复

这是个啥操作，直接通用吗

2broear Chrome 121 Windows 10 辽宁省

3月3日回复

这个好多年了，有一定效果

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月4日回复

@2broear 还是大佬多啊！

obaby Chrome 120 Windows 10 山东省青岛市

3月2日回复

速度的确提高了不少~~
针不戳

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月4日回复

@obaby 哈哈哈，终于得到了你的肯定

obaby Chrome 118 OSX 山东省济南市

3月4日回复

@湘铭呀！我也加了这个东西了，不过直接添加在加载的时候会被浏览器直接给拦截掉。
所以我把 js 扔到自己的服务器上了。

风记星辰 Chrome 122 Windows 10 辽宁省营口市

3月2日回复

我这边访问到是一直都挺快的~

Dabenshi Chrome 121 Windows 10 北京市北京市

3月2日回复

高级，操作还是比较离谱的哈哈

湘铭呀！ Chrome 122 Windows 10 福建省宁德市

3月2日回复

@Dabenshi 用起来

Dabenshi Chrome 121 Windows 10 北京市北京市

3月2日回复

@湘铭呀！试了一下效果不错，暂且留着吧