# Capo.js for Astro
Get your `` in order—automatically!
`astro-capo` is a component that automatically optimizes the order of elements in your ``, adapted from [Rick Viscomi](https://twitter.com/rick_viscomi)'s wonderful `capo.js` library.
Unlike `capo.js`, which makes it easy to debug the optimal order of your `` in the browser, `astro-capo` automatically optimizes your `` on the server while rendering your page.
## Usage
Replace your regular `` element with our custom `` component. That's it!
```astro
---
import { Head } from 'astro-capo'
---
Astro