Se l'esecuzione di JavaScript richiede molto tempo, le prestazioni della pagina rallenta in diversi modi:
Costo di rete
Più byte corrispondono a tempi di download più lunghi.
Analizza e compila i costi
JavaScript viene analizzato e compilato nel thread principale. Se il thread principale è occupato, la pagina non può rispondere all'input utente.
Costo di esecuzione
JavaScript viene eseguito anche nel thread principale. Se la pagina esegue molto codice prima che sia davvero necessario, si ritarda anche il Tempo all'interattività, che è una delle metriche chiave relative alla percezione della velocità della pagina da parte degli utenti.
Costo della memoria
Se JavaScript conserva molti riferimenti, potrebbe consumare molta memoria. Le pagine hanno un aspetto scadente o lento quando consumano molta memoria. Le fughe di memoria possono causare il blocco completo della pagina.
Errori del controllo del tempo di esecuzione di Lighthouse per JavaScript
Lighthouse mostra un avviso quando l'esecuzione di JavaScript richiede più di 2 secondi. Il controllo non va a buon fine se l'esecuzione richiede più di 3,5 secondi:
Per aiutarti a identificare i principali fattori che incidono sul tempo di esecuzione, Lighthouse segnala il tempo di esecuzione, valutazione e analisi di ogni file JavaScript caricato dalla pagina.
Come velocizzare l'esecuzione di JavaScript
- Invia il codice necessario agli utenti solo implementando la suddivisione del codice.
- Minimizza e comprimi il codice.
- Rimuovi il codice inutilizzato.
- Riduci le interruzioni di rete memorizzando nella cache il codice con il pattern PRPL.
Per scoprire altri modi per migliorare il caricamento pagina, consulta la pagina di destinazione dei controlli del rendimento.
Risorse
Codice sorgente per il controllo Riduci il tempo di esecuzione di JavaScript