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

Sofia Emelianova
Sofia Emelianova

L'API Speculation Rules ti consente di implementare un caricamento quasi istantaneo della pagina in base alle regole di speculazione che definisci. In questo modo, il tuo sito web può eseguire il pre-caricamento e il pre-rendering della maggior parte delle pagine visitate.

Guarda il video e consulta questa demo per scoprire come:

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

Come faccio a sapere dove farà clic l'utente? Per aiutarti a massimizzare il potenziale dei caricamenti speculativi, Chrome 121 ora può rilevare tutti i link del 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 e eseguire il debug delle regole dei documenti che attivano il prerendering sugli eventi di passaggio del mouse o di pressione del tasto sinistro del mouse. Questi eventi danno un piccolo vantaggio per caricare in modo speculativo le pagine prima della navigazione. Dai un'occhiata a questa funzionalità in questa demo.

Per ulteriori informazioni, vedi: