𝗔𝘀𝘁𝗿𝗼 𝗮 𝗱𝗼𝗻𝗻é à 𝗺𝗼𝗻 𝘀𝗶𝘁𝗲 𝘂𝗻 𝘀𝗰𝗼𝗿𝗲 𝗣𝗮𝗴𝗲𝗦𝗽𝗲𝗲𝗱 𝗽𝗮𝗿𝗳𝗮𝗶𝘁
Au début, j'avais des doutes sur Astro. J'utilisais React et Next.js. Ensuite, j'ai construit le site Zimnovate. Google PageSpeed lui a attribué un score parfait.
Astro n'envoie aucun JavaScript par défaut. La plupart des frameworks forcent le navigateur à exécuter du code pour du contenu statique. Astro transforme les composants en HTML lors du build.
Il utilise l'Islands Architecture. Votre page est un océan statique. Les parties interactives sont des îles. L'océan est du HTML pur. Seules les îles utilisent du JavaScript.
Vous contrôlez le moment où le code est chargé :
- client:visible se charge lorsque l'utilisateur fait défiler la page.
- client:load se charge immédiatement.
- client:idle se charge lorsque le navigateur est libre.
J'ai utilisé Astro 4.x, Tailwind CSS et Supabase. Supabase stocke les articles du blog. Astro récupère ces données pendant le build. Les utilisateurs reçoivent du HTML mis en cache. C'est instantané.
Cela aide le SEO. Les robots d'indexation voient le HTML immédiatement. Ils n'attendent pas le JavaScript.
Vous pouvez utiliser React, Vue ou Svelte dans un même projet. Vous conservez vos compétences. Vous obtenez une meilleure vitesse.
Utilisez Astro pour :
- Les sites d'agences
- Les landing pages
- Les blogs CMS
- Les portfolios
Évitez Astro pour :
- Les tableaux de bord
- Les applications en temps réel
Le web est surchargé. Astro corrige cela. Il privilégie la performance.
Communauté d'apprentissage optionnelle : https://t.me/GyaanSetuAi