一、插件介绍
InstantPage 是一款为 Typecho 博客系统开发的预加载插件,集成了 instant.page 开源库的核心能力,通过对页面链接进行智能预加载,有效缩短页面跳转的加载时间,提升网站访问的流畅度和用户体验。
核心特性
支持多版本 instant.page 库选择,兼容自定义 CDN / 本地脚本路径;
可自定义预加载触发延迟、预加载范围等核心参数;
支持移动端触摸预加载、视口预加载(实验性)等高级特性;
支持排除特定链接的预加载,灵活控制预加载范围;
可选择脚本加载位置,避免影响首屏渲染。
二、安装与卸载
安装步骤
将插件文件夹命名为 InstantPage,上传至 Typecho 博客的 usr/plugins/ 目录;
登录 Typecho 后台,进入「控制台」→「插件」页面;
找到「InstantPage 预加载插件」,点击「启用」按钮,插件激活成功后会提示 “插件已激活,instant.page 预加载功能已启用。”。
卸载步骤
登录 Typecho 后台,进入「控制台」→「插件」页面;
找到「InstantPage 预加载插件」,点击「禁用」按钮,插件禁用成功后会提示 “插件已禁用,instant.page 预加载功能已关闭。”;
如需彻底删除,禁用后删除 usr/plugins/InstantPage 文件夹即可。
技术说明
- 脚本来源
默认使用南方科技大学开源镜像站的 CDN 资源:https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/instant.page/[版本号]/instantpage.js,国内访问速度快、稳定性高。 - 兼容性
instant.page 库要求浏览器支持 ES6 模块(type="module"),兼容绝大多数现代浏览器(Chrome 61+、Firefox 60+、Safari 11+、Edge 79+);
不支持 IE 浏览器,若需兼容 IE,建议关闭插件或自行添加降级处理。 性能影响
页脚加载脚本不会阻塞首屏渲染,是推荐的加载方式;
合理设置预加载延迟(50-200ms)可在体验和资源消耗间取得平衡;
仅同域预加载可避免不必要的跨域请求,减少带宽消耗。三、更新日志
v1.3.0
新增自定义脚本路径配置,支持本地 / 第三方 CDN 加载;
新增 Viewport 预加载(实验性)选项;
新增排除特定链接的配置项;
优化脚本加载位置选择,支持页头 / 页脚切换;
优化参数校验逻辑,提升配置容错性。
v1.2.0
初始版本,支持基础的 instant.page 预加载功能;
支持版本选择、预加载延迟、移动端触摸预加载、同域限制等核心配置。
评论区:
暂无评论,快来抢沙发