【原创开源】Typecho-InstantPage-Plugin预加载插件 - 通过预加载提升页面加载速度

【原创开源】Typecho-InstantPage-Plugin预加载插件 - 通过预加载提升页面加载速度

一、插件介绍

InstantPage 是一款为 Typecho 博客系统开发的预加载插件,集成了 instant.page 开源库的核心能力,通过对页面链接进行智能预加载,有效缩短页面跳转的加载时间,提升网站访问的流畅度和用户体验。

核心特性

支持多版本 instant.page 库选择,兼容自定义 CDN / 本地脚本路径;
可自定义预加载触发延迟、预加载范围等核心参数;
支持移动端触摸预加载、视口预加载(实验性)等高级特性;
支持排除特定链接的预加载,灵活控制预加载范围;
可选择脚本加载位置,避免影响首屏渲染。

二、安装与卸载

安装步骤

将插件文件夹命名为 InstantPage,上传至 Typecho 博客的 usr/plugins/ 目录;
登录 Typecho 后台,进入「控制台」→「插件」页面;
找到「InstantPage 预加载插件」,点击「启用」按钮,插件激活成功后会提示 “插件已激活,instant.page 预加载功能已启用。”。

卸载步骤

登录 Typecho 后台,进入「控制台」→「插件」页面;
找到「InstantPage 预加载插件」,点击「禁用」按钮,插件禁用成功后会提示 “插件已禁用,instant.page 预加载功能已关闭。”;
如需彻底删除,禁用后删除 usr/plugins/InstantPage 文件夹即可。

技术说明

  1. 脚本来源
    默认使用南方科技大学开源镜像站的 CDN 资源:https://mirrors.sustech.edu.cn/cdnjs/ajax/libs/instant.page/[版本号]/instantpage.js,国内访问速度快、稳定性高。
  2. 兼容性
    instant.page 库要求浏览器支持 ES6 模块(type="module"),兼容绝大多数现代浏览器(Chrome 61+、Firefox 60+、Safari 11+、Edge 79+);
    不支持 IE 浏览器,若需兼容 IE,建议关闭插件或自行添加降级处理。
  3. 性能影响
    页脚加载脚本不会阻塞首屏渲染,是推荐的加载方式;
    合理设置预加载延迟(50-200ms)可在体验和资源消耗间取得平衡;
    仅同域预加载可避免不必要的跨域请求,减少带宽消耗。

    三、更新日志

    v1.3.0
    新增自定义脚本路径配置,支持本地 / 第三方 CDN 加载;
    新增 Viewport 预加载(实验性)选项;
    新增排除特定链接的配置项;
    优化脚本加载位置选择,支持页头 / 页脚切换;
    优化参数校验逻辑,提升配置容错性。
    v1.2.0
    初始版本,支持基础的 instant.page 预加载功能;
    支持版本选择、预加载延迟、移动端触摸预加载、同域限制等核心配置。

下载地址 作者网站

评论区:

Avatar

暂无评论,快来抢沙发