@advanced-astro/capo NPM

CapoJS for Astro 🚀

Get your <head> in order — automatically!

Why?

astro-head is a component that automatically optimizes the order of elements in your <head>, forked from Nate Moore's astro-capo Adaption of Rick Viscomi's wonderful capo.js library.

Unlike capo.js, which makes it easy to debug the optimal order of your <head> in the browser, astro-head automatically optimizes your <head> on the server while rendering your page.

Usage

npm install astro-head

Replace your regular <head> element with our custom <Head> component. That's it!

---
import { Head } from 'astro-head'
---

<html lang="en">
  <Head>
    <meta charset="utf-8" />
    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
    <meta name="viewport" content="width=device-width" />
    <meta name="generator" content={Astro.generator} />
    <title>Astro</title>
  </Head>
  <body>
    <h1>Astro</h1>
  </body>
</html>

astro astro-component html-head optimization performance withastro

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago