nuxt-capo

Capo.js 在 Nuxt 中的实现

Nuxt 的 capo.js

npm versionnpm downloadsGithub ActionsCodecov

capo.jsNuxt 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 以在开发模式下启动 playground

许可证

用 ❤️ 制作

根据 MIT 许可证发布。