Logo fdylabTitre fdylab

Astuces de build Astro

01/05/2025 — tech

Astuces de build Astro

Voici quelques astuces concrètes pour rendre vos builds Astro plus rapides et plus simples.

1. Éviter l’hydratation inutile

Utilisez les directives client:load, client:idle et client:visible avec parcimonie. Préférez des composants Astro purs quand c’est possible.

2. Découper par îlots

Ne chargez React/Vue/Svelte que pour les zones interactives (“islands”). Le reste peut rester SSR + HTML statique.

Tip

  • Mesurez avec Lighthouse et le profiler de votre navigateur.
  • Surveillez la taille de dist/ après build.
  • Vérifiez l’hydration mismatch (dates, random, etc.).

3. Optimiser les assets

Servez des images au bon format/poids et utilisez le lazy‑loading. Pensez à @astrojs/image si besoin.

4. Config vite/rollup minimale

Évitez les plugins superflus. Chaque plugin peut complexifier le graphe et ralentir la compilation.

5. Cache et CDN

Mettez en cache les assets immuables, servez le site via un CDN, et activez la compression (gzip/br).

Publié par Fdylab • Partagez si ça vous a aidé !