Precarica il chunk delle pagine al touchstart sui tab della BottomNav
Nessuna rotta aveva preload configurato: il chunk JS di una pagina iniziava a scaricarsi solo a tap completato, mai prima. Con 4 tab piccole (8-12KB l'una) e sempre visibili, non c'e' motivo di aspettare il tap per iniziare. preload="intent" sui 4 Link: parte al touchstart, prima che il tap sia completo. Precarica solo il codice, non i dati (nessuna rotta usa loader), quindi nessun costo aggiuntivo di letture verso Supabase. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
@@ -77,6 +77,10 @@ export function BottomNav() {
|
||||
<Link
|
||||
key={to}
|
||||
to={to}
|
||||
// Il chunk della pagina parte già al tocco (touchstart), non al tap completo:
|
||||
// le 4 rotte sono piccole (8-12KB), nessun costo aggiuntivo di query (nessuna
|
||||
// rotta usa `loader`, quindi non prefetcha dati, solo codice).
|
||||
preload="intent"
|
||||
activeOptions={{ exact: to === "/" }}
|
||||
activeProps={{ "aria-current": "page" }}
|
||||
// Lo stato attivo non è solo colore: è la capsula piena sotto la
|
||||
|
||||
Reference in New Issue
Block a user