码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • instant.page:可以提生网页加载速度50%的JavaScript脚本


    引言

    群居防口,独坐防心。 ——勿埋我心

      如果你觉得你网站页面的跳转比较慢,或者说你想变得更快,那么这么脚本我想会比较适合你。

    项目

    Github:https://github.com/instantpage/instant.page

    官网:instant.page

    原理:

      它的作用是可以预加载,用户想访问的页面,用户点击网站链接之前,他们将鼠标悬停在该链接上。当用户徘徊 65 毫秒时,当用户真正点击链接后,就会直接从缓存中读取,以此提升网站的访问速度,因此 instant.page 此时开始预加载,平均超过 300 毫秒,instant.page 是渐进式增强 ,对不支持它的浏览器没有影响。

    使用方法

      在网站的添加一行JS,一般添加在

    区域。至于JS的添加方法有以下几种。

    1. 官方提供的方法

    不推荐

    虽然有Cloudflare节点的加速,但对于国内而言还是比较慢的,这更像是减速了。

    <script src="//instant.page/5.1.1" type="module" integrity="sha384-MWfCL6g1OTGsbSwfuMHc8+8J2u71/LA8dzlIN3ycajckxuZZmF+DNjdm7O6H3PSq"></script>
    
    • 1

    2. 下载放到自己网站的根目录下

    推荐

    下载地址:Github官方下载 | 勿埋我心博客下的JS脚本

    <script src="/instantpage.js" type="module"></script>
    
    • 1

    3. 懒人一键

    自己看着办

    <script src="https://raw.githubusercontents.com/instantpage/instant.page/master/instantpage.js" type="module"></script>
    
    • 1

    采用了7ed加速服务,github原链接raw.githubusercontent.com替换成raw.githubusercontents.com,多了一个"s",很方便。

    分析

    优点

    1. 加载速度提升很明显,但只对站内链接有效。
    2. 只会预先加载Html,而不会加载图片之类的,所以不用担心损耗流量。

    缺点

    1. 因为每次预加载都算访问成功,所以统计网站中的PV、UV记录会成倍增长。
    2. 如果全站使用CDN加速,使用该脚本会大大增加请求数,所以不建议该类网站使用。

    结语

      总的来说,是一个不错的脚本,欢迎有疑惑在勿埋我心评论区留言。

    文章来源:instant.page:可以提升网页加载速度50%的JavaScript脚本 - 勿埋我心 (qian.blue)

  • 相关阅读:
    HTB_Start Point_Tier2——Archetype
    53. 最大子序和 392.判断子序列 115.不同的子序列 583. 两个字符串的删除操作 72. 编辑距离 编辑距离总结篇
    如何在小程序内实现界面快速置顶功能?
    shell脚本入门——函数
    Salesforce从业者最重要的6个基础认证!
    【附源码】Python计算机毕业设计美食推荐系统
    Met no ‘TRANSLATIONS’ entry in project
    形象谈JVM-第二章-认识编译器
    借助CIFAR10模型结构理解卷积神经网络及Sequential的使用
    python+django就业信息管理系统e71hf
  • 原文地址:https://blog.csdn.net/qq_43523315/article/details/126397335
  • 最新文章
  • 沪漂五周年了:我越来越迷茫了
    Agentic Skill Routing 实战:别再把所有 Skill 塞进 AI Agent 上下文
    MySQL-Seconds_behind_master的精度误差
    [MAF预定义ChatClient中间件-03]CachingChatClient——利用缓存省钱省时间
    AI的至暗历史:从万众期待到被政府撤资,AI的两次死亡徘徊
    Agent OS :五种驯服不确定性的范式
    PortSwigger SQL注入LAB11
    数据库即时编译JIT
    [Begin]AI Learn Data Day 0
    深度学习进阶(二十七)现代 LLM 的核心架构设计其二:SwiGLU
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号