分享:

Nuxt Booster

• ✨   发行说明
• 👁   预览

Nuxt Booster 接管您生成的网站的 Lighthouse 性能优化。所有使用的组件和资源都基于视口按需加载。

开始使用

请遵循 📖   文档

• v2: basics.github.io/nuxt-booster/v2/

要求

• NodeJS >= 19
• NuxtJS >= 3.5.0

功能特性

• 动态加载基于视口页面资源，例如字体、组件、图片、图像和 iframe
• 可选地通过初始性能测量来阻止 javascript 执行
• 通过消除不必要的 javascript 文件来优化 javascript 文件的初始加载
• 防止加载当前视口之外的不必要资源（包括组件）。
• 可选的信息层概念，用于在带宽或硬件受损时告知用户降低的 UX。
• 全新的字体声明方法
• 优化的图片组件（支持基于视口的来源，例如横向/纵向）
• 优化的图像组件
• 支持 SEO 友好的懒加载模式（图片 + 图像）
• 优化的 youtube/vimeo 组件（自动生成不同分辨率的海报图像）

结果

• 交付基于当前视口所需的最低限度资源
• 如果您按照指定的工具使用，您将获得 100/100 的 lighthouse 性能评分

📖   阅读更多

浏览器支持

您可以将 nuxt-booster 与 Internet Explorer 11 浏览器一起使用。 在浏览器兼容性处了解更多信息

IE / Edge	Firefox	Chrome	Safari	iOS Safari	Samsung	Opera	Vivaldi
Edge	最近 2 个版本	最近 2 个版本	最近 2 个版本	最近 2 个版本	最近 2 个版本	最近 2 个版本	最近 2 个版本

开发

1. 克隆此仓库。
2. 使用 npm install 或 yarn install 安装依赖项。
3. 使用 npm run dev 或 yarn dev 启动开发服务器。

预览

1. 克隆此仓库。
2. 使用 npm install 或 yarn install 安装依赖项。
3. 构建并使用 express 启动 npm run start:generate 或 yarn start:generate。
4. 在浏览器中打开 http://127.0.0.1:3000。

或在此处查看

• 预览

咨询与支持

您是否需要进一步的支持、咨询或代码审查（需支付相应的费用）？请通过电子邮件联系我们：stephan.gerbeth@gmail.com, lammpee@gmail.com。我们期待您的请求。

许可证

MIT 许可证