Suggerimenti per DevTools: debug delle navigazioni speculative per caricamenti delle pagine più rapidi

Sofia Emelianova
Sofia Emelianova

L'API Speculation Rules consente di implementare un caricamento pagina quasi istantaneo in base a regole di speculazione da te definite. In questo modo il tuo sito web può precaricare e prerenderizzare le pagine più visitate.

Guarda il video e guarda questa demo per scoprire come:

  • Esamina le speculazioni, le relative regole e i relativi stati in Applicazione > Servizi in background > Caricamenti speculativi.
  • Passa da un rendering all'altro tramite il menu a discesa nella barra delle azioni in alto e controlla i rendering utilizzando tutti i riquadri di DevTools.
  • Stato di prerendering della traccia in tempo reale.

Come fai a sapere in quale fase successiva l'utente farà clic? Per aiutarti a massimizzare il potenziale dei caricamenti speculativi, ora Chrome 121 può recuperare tutti i link dal documento anziché un elenco fisso, ma esegue il prerendering solo quando l'utente passa il mouse sopra un link e sta per fare clic.

Guarda l'ultima parte del video per scoprire come implementare ed eseguire il debug delle regole dei documenti che attivano il prerendering al passaggio del mouse o al mousedown. Questi eventi offrono un piccolo vantaggio per il caricamento speculativo delle pagine prima della navigazione. Dai un'occhiata alla funzionalità in questa demo.

Per ulteriori informazioni, vedi: