日色欲尽花含烟,月明欲素愁不眠。
开屏动画

提高博客的访问体验

技术 26 评 899 度
机器人
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

2024/3/11 说说
广告图片
AD
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日回复

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

  • 小星星变奏曲 - 莫扎特
  • Moon River - Audrey Hepburn