Suggerimenti per DevTools: debug delle navigazioni speculative per caricamenti delle pagine più rapidi
bookmark_borderbookmark
Mantieni tutto organizzato con le raccolte
Salva e classifica i contenuti in base alle tue preferenze.
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.
[[["Facile da capire","easyToUnderstand","thumb-up"],["Il problema è stato risolto","solvedMyProblem","thumb-up"],["Altra","otherUp","thumb-up"]],[["Mancano le informazioni di cui ho bisogno","missingTheInformationINeed","thumb-down"],["Troppo complicato/troppi passaggi","tooComplicatedTooManySteps","thumb-down"],["Obsoleti","outOfDate","thumb-down"],["Problema di traduzione","translationIssue","thumb-down"],["Problema relativo a esempi/codice","samplesCodeIssue","thumb-down"],["Altra","otherDown","thumb-down"]],["Ultimo aggiornamento 2024-02-01 UTC."],[],[]]