Astro gaf mijn site een perfecte PageSpeed-score
In het begin twijfelde ik aan Astro. Ik gebruikte React en Next.js. Daarna bouwde ik de Zimnovate-site. Google PageSpeed gaf het een perfecte score.
Astro levert standaard nul JavaScript. De meeste frameworks dwingen de browser om code uit te voeren voor statische inhoud. Astro rendert componenten naar HTML tijdens de build-tijd.
Het maakt gebruik van Islands Architecture. Je pagina is een statische oceaan. Interactieve onderdelen zijn eilanden. De oceaan is gewone HTML. Alleen de eilanden gebruiken JavaScript.
Je bepaalt zelf wanneer code wordt geladen:
- client:visible wordt geladen wanneer de gebruiker scrolt.
- client:load wordt onmiddellijk geladen.
- client:idle wordt geladen wanneer de browser vrij is.
Ik gebruikte Astro 4.x, Tailwind CSS en Supabase. Supabase slaat de blogberichten op. Astro haalt deze gegevens op tijdens de build. Gebruikers krijgen gecachte HTML. Het is direct.
Dit helpt bij SEO. Zoekrobots zien HTML onmiddellijk. Ze hoeven niet te wachten op JavaScript.
Je gebruikt React, Vue of Svelte in één project. Je behoudt je vaardigheden. Je krijgt een betere snelheid.
Gebruik Astro voor:
- Agency-websites
- Landing pages
- CMS-blogs
- Portfolio's
Vermijd Astro voor:
- Dashboards
- Real-time apps
Het web is opgeblazen. Astro lost dit op. Het stelt prestaties voorop.
Optionele leercommunity: https://t.me/GyaanSetuAi