Quan tenim un web multi-idioma, la temptació és gran: “I si carrego en segon pla (prefetch) tots els idiomes només entrar perquè el canvi sigui instantani?”
El Cost Ocult de l‘“Eager Loading”
Carregar massivament pàgines que l’usuari potser mai visiti té conseqüències:
- Malbaratament de Dades: Si un usuari entra en espanyol i mai canvia, has descarregat el doble o triple de pes inútilment.
- Bateria i CPU: El navegador ha de parsejar i processar aquests recursos extra.
- Saturació: Si el teu web té moltes imatges, el prefetch agressiu competeix per l’ample de banda amb el contingut que l’usuari sí que està veient ara mateix.
L’Estratègia Intel·ligent: Prefetch on Hover
Astro ofereix una solució perfecta que anticipa la intenció en lloc d’assumir el comportament.
html
<a href="/en" data-astro-prefetch="hover">
English
</a><a href="/en" data-astro-prefetch="hover">
English
</a>- L’usuari mou el ratolí cap al botó d’idioma (intenció clara).
- En aquest instant (
hover), Astro descarrega la pàgina destí. - Triguen uns ~200ms a fer clic. Per llavors, la pàgina ja està en memòria cau.
Resultat
Obtens la mateixa sensació de navegació instantània (0ms) però només consumeixes recursos quan hi ha una alta probabilitat que l’usuari els necessiti. És l’equilibri perfecte.