Partiële hydratatie is een manier om webpagina’s te bouwen waarbij alleen de interactieve elementen de JavaScript krijgen die ze nodig hebben, en de rest gewoon statische HTML blijft. Een normale pagina laadt vaak een grote bundel code voor het geheel, ook voor delen die nooit veranderen. Partiële hydratatie slaat die verspilling over en sluit alleen de stukjes aan die echt iets doen, zoals een zoekbalk of een fotocarrousel.
Stel je een gedrukt tijdschrift voor met een paar knoppen op specifieke pagina’s geplakt. Het grootste deel is gewoon papier dat je meteen leest, en alleen die knoppen bevatten elektronica en een klein batterijtje. Het lezen voelt snel omdat het zware spul beperkt blijft tot waar het nodig is. Dat is de kern van islands architecture, waarbij interactieve onderdelen kleine eilanden zijn in een zee van statische inhoud, elk met hun eigen code.
Het voordeel is echte snelheid voor de bezoeker. Minder JavaScript betekent dat de pagina eerder bruikbaar is en lichter aanvoelt, wat helpt bij Core Web Vitals en voorkomt dat mensen wegklikken. Het houdt de code ook simpeler, omdat je bewust kiest waar interactiviteit zit in plaats van één reuzenbundel naar elk apparaat te sturen. Op een trage telefoon met een matige verbinding scheelt dat zomaar een paar seconden.
Je kunt zelfs per eiland kiezen wanneer het wakker wordt. In Astro zeg je tegen een menu dat het meteen moet laden, tegen een reactieformulier dat het pas laadt als je erbij scrolt, en tegen een chatwidget dat het laadt als de browser niets te doen heeft. De code komt precies binnen wanneer een functie nodig is, geen seconde eerder, zodat de rest van de pagina nooit wacht op een script dat nog niemand gebruikt.
Bij TopDevs bouwen we juist daarom met Astro. De marketingpagina’s van een klant laden bijna direct, terwijl de paar interactieve functies, een boekingsformulier, een filter, een menu, precies werken zoals een bezoeker verwacht.
