图片-顺风网舟
图片-顺风网舟
图片-顺风网舟
图片-顺风网舟
图片-顺风网舟
图片-顺风网舟
图片-顺风网舟
图片-顺风网舟

一行 JS 代码就能让你的网站实现“提前加载” _提升页面打开速度。

温馨提示:本文最后更新于2025-08-31 21:15:03,某些文章具有时效性,若有错误或已失效,请在文末评论区留言

说明

它是一个只有 16 KB 的 JavaScript 脚本。原理非常简单:
当用户把鼠标移动到一个链接上时,浏览器就会偷偷在后台预加载目标页面。等用户真正点击时,页面已经加载了一部分,打开就会特别快,几乎“秒开”。使用方法

1.使用官方脚本

只要把这行代码添加到网站的 标签之前即可。(由于脚本托管在国外,只建议国外的朋友使用,国内的朋友加载官方的资源会比较慢哦)

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

2.自托管文件 (推荐)

只需将下面下载地址里的 js 文件 上传到自己服务器,然后在 标签之前根据路径添加下面的代码即可(强烈建议服务器在国内的朋友使用)

<script src="`存放路径`/instantpage.js" type="module"></script>

3.公共 CDN 资源 (推荐)

只要把这行代码添加到网站的 标签之前即可。(由于文件全球 CDN,所以强烈建议使用,节省服务器资源) (速度自测)

<script src="https://cdn.jsdelivr.net/gh/instantpage/instant.page@master/instantpage.js" type="module"></script>
<script src="https://cdn.jsdelivr.net/npm/instant.page@5.1.0/instantpage.js" type="module"></script>

如果你正在做博客、资源站或者 UI 设计类站点,不妨立刻试一试,把 instant.page 加入到你的项目中。

© 版权声明
THE END
喜欢就支持一下吧
点赞60 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

取消
昵称表情代码图片

    暂无评论内容