Tempo di esecuzione di JavaScript

Silktide misura quanto tempo il browser impiega per eseguire gli script durante il caricamento della pagina. L'elaborazione intensa degli script impedisce alla pagina di rispondere, quindi una pagina può sembrare caricata ma ignorare tocchi e clic per diversi secondi.

Perché è importante

Scaricare uno script è solo il primo costo. Il browser deve poi analizzarlo ed eseguirlo, e tutto questo avviene sullo stesso thread che gestisce lo scorrimento, la digitazione e i tocchi. Mentre gli script sono in esecuzione, la pagina è sorda: i pulsanti non rispondono e la pagina sembra non funzionare anche se appare completata.

A differenza del tempo di download, questo costo varia in base al processore del visitatore: uno script che viene eseguito in mezzo secondo sul computer di uno sviluppatore può richiedere diversi secondi su uno smartphone economico. Sono i visitatori con i dispositivi meno potenti ad aspettare più a lungo.

Come risolvere il problema

Invia meno . Rimuovere il codice inutilizzato è il miglior intervento diretto: consulta JavaScript inutilizzato.
Dividi i bundle di grandi dimensioni e carica il codice per le funzionalità sotto la prima schermata o basate sulle interazioni solo quando necessario, così il caricamento iniziale esegue solo ciò che serve alla prima schermata.
Verifica gli script di terze parti, che spesso rappresentano la maggior parte del tempo di esecuzione: consulta Codice di terze parti. Rimuovi quelli il cui valore non giustifica il costo.
Sposta i calcoli realmente pesanti in un web worker, che viene eseguito su un thread separato e mantiene la pagina reattiva.

Come Silktide esegue questo controllo

Carica la pagina in un browser reale, utilizzando il tipo di dispositivo, la velocità di connessione e la posizione del test configurati per i test di velocità.
Misura il tempo di elaborazione consumato da ogni script durante il caricamento, distinguendo tra l'esecuzione del codice (valutazione dello script) e la preparazione per l'esecuzione (analisi sintattica).
Segnala gli script che hanno consumato una quantità significativa di tempo, con una suddivisione per file. Quando il tempo totale di esecuzione è basso, non viene elencato alcuno script.
Valuta la pagina in base al totale: meno di 2 secondi è un buon risultato, mentre circa 3,5 secondi o più è considerato un risultato scarso.

Risoluzione dei problemi

Uno script di terze parti è in cima all'elenco

Analytics, i gestori di tag, gli annunci e i widget di chat richiedono spesso più tempo di esecuzione rispetto al codice del sito. Non puoi ottimizzare il loro funzionamento interno, ma puoi caricarli in un secondo momento, sostituirli con alternative più leggere o rimuovere quelli che nessuno utilizza.

La pagina sembra veloce sul mio computer

Il tempo di esecuzione dipende dal processore. I computer degli sviluppatori sono in genere diverse volte più veloci degli smartphone di fascia media utilizzati dalla maggior parte dei visitatori, quindi un'attività che per te sembra impercettibile può richiedere secondi per loro. I dati misurati provengono da un test controllato, non dal tuo hardware.