分享：

Nuxt Booster

• ✨   发布说明
• 👁   预览

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

入门

请遵循 📖   文档

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

需求

• NodeJS >= 19
• NuxtJS >= 3.5.0

功能

• 根据视口动态加载页面资源，如字体、组件、图片和 iframe。
• 通过初始性能测量选择性地阻止 JavaScript 执行。
• 通过消除不必要的 JavaScript 文件来优化 JavaScript 文件的初始加载。
• 防止加载当前视口之外的不必要资源（包括组件）。
• 可选的信息层概念，用于在带宽或硬件受限时通知用户用户体验降低。
• 全新的字体声明方法。
• 优化的图片组件（支持基于视口的源，例如横向/纵向）。
• 优化的图像组件。
• 支持 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。

或查看此处

• 预览

咨询与支持

您是否需要进一步的支持、咨询或代码审查（需支付适度费用）？请通过电子邮件联系我们：[email protected]，[email protected]。我们期待您的请求。

许可证

MIT 许可证