Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。

nuxt-capo

Capo.js 在 Nuxt 中的实现

适用于 Nuxt 的 capo.js

npm versionnpm downloadsGithub ActionsCodecov

capo.js 用于 Nuxt 3 的实现

什么是 Capo.js

Capo.js 是一段小代码片段,它可以识别提升页面(感知)性能的方法,方法是更改页面 <head> 部分中元素的顺序。

特性

  • ✨ 在开发模式下以及预渲染页面时验证您的 <head>
  • 🔎 可视化最佳头部配置

安装

安装并将 nuxt-capo 添加到您的 nuxt.config 中。

npx nuxi@latest module add capo
export default defineNuxtConfig({
  modules: ['nuxt-capo'],
})

使用

就是这样!现在,您应该在服务器渲染路由时看到调试信息和建议。

Optimal head configurationSuggestions for head

鸣谢

感谢 @rviscomi 创建了 capo.js

💻 开发

  • 克隆此存储库
  • 使用 corepack enable 启用 Corepack(对于 Node.js < 16.10,请使用 npm i -g corepack
  • 使用 pnpm install 安装依赖项
  • 使用 pnpm dev:prepare 创建模块存根
  • 运行 pnpm dev 以在开发模式下启动 游乐场

许可证

用心制作 ❤️

根据 MIT 许可证 发布。