capo.jsimplementation for Nuxt 3
Capo.js is a small snippet that identifies ways to boost the (perceived) performance of your page, by changing the order of elements in the page's <head> section.
- ✨ validates your
<head>in dev mode and when prerendering pages - 🔎 visualises optimal head configuration
Install and add nuxt-capo to your nuxt.config.
npx nuxi@latest module add capoexport default defineNuxtConfig({
modules: ['nuxt-capo'],
})That's it! You should now see debugging info and suggestions when server rendering your routes
![]() |
![]() |
Thanks to @rviscomi for making capo.js!
- Clone this repository
- Enable Corepack using
corepack enable - Install dependencies using
pnpm install - Stub module with
pnpm dev:prepare - Run
pnpm devto start playground in development mode
Made with ❤️
Published under the MIT License.

