码农知识堂 - 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)

  • 相关阅读:
    mysql5.6 删除用户/ drop user
    单片机实验--单片机IO口实验
    rabbitmq 安装
    JMM模型与并发三大特性
    master theorem公式推导
    淘宝官方订单API接口,商品分类属性
    [计算机网络]--五种IO模型和select
    Linux部署elk日志监控系统
    基于深度学习的端到端自动驾驶的最新进展:调研综述
    法大大受邀参加高交会,为国产信创发展助力
  • 原文地址:https://blog.csdn.net/qq_43523315/article/details/126397335
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号