分享我:

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 性能评分

📖   阅读更多

浏览器支持

你可以在 Internet Explorer 11 浏览器中使用 nuxt-booster。 在浏览器兼容性处了解更多

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 许可证