Prestazioni di JavaScript

Le prestazioni web sono un indicatore oggettivo, che include anche il tempo di caricamento e l'esperienza percepita dell'utente durante l'esecuzione.

Le prestazioni web sono il tempo di caricamento del sito, l'interazione e la risposta, nonché la fluidità del contenuto durante l'interazione dell'utente.

Molte funzionalità influenzano le prestazioni, tra cui ritardi, dimensioni dell'applicazione, numero di nodi DOM, numero di richieste di risorse emesse, prestazioni JavaScript, carico CPU, ecc.

Come migliorare le prestazioni web?

Ridurre l'attività del ciclo

Le istruzioni o le assegnazioni che possono essere messe al di fuori del ciclo o le assegnazioni renderanno il ciclo più veloce.

Nell'esempio seguente, accediamo all'attributo length dell'array in ogni ciclo:

for (let i = 0; i < arr.length; i++) {

Nell'esempio seguente, accediamo all'attributo length all'esterno del ciclo e facciamo funzionare il ciclo più velocemente:

let size = arr.length;
for (let i = 0; i < size; i++) {

Migliorare l'efficienza dell'accesso al DOM

Confrontati con altre istruzioni JavaScript, l'accesso all'HTML DOM è molto lento.

Se è necessario accedere più volte agli elementi del DOM, accedere una volta e utilizzarlo come variabile locale.

Metti JavaScript alla fine della pagina

Metti lo script alla fine del corpo della pagina, in modo che il browser possa caricare prima la pagina.

Quando il browser scarica lo script, non avvia altri download e tutte le attività di parsing e rendering possono essere bloccate.

Un altro metodo è utilizzare nel tag scriptdefer="true". QuestoRitardoIl script dovrebbe eseguire la specifica dell'attributo after la risoluzione del documento, ma si applica solo ai script esterni.

Non utilizzare il termine 'with'

Il termine with è considerato 'inutile', poiché presenta alcuni difetti molto frustranti.

Nonostante with semplifichi il processo di gestione delle proprietà locali, l'uso di with aumenta il costo della ricerca delle variabili in altri contesti.

Non è permesso utilizzare i termini chiave in modalità strict.

Richieste HTTP minime

Minimizzando le richieste HTTP presentando il contenuto della pagina, combinando file esterni e includendo JavaScript direttamente nelle pagine HTML.

Ogni accesso univoco al server HTTP attraverso HTTP provoca un notevole ritardo.

Non utilizzare lo stesso script due volte

I script ripetuti hanno un impatto significativo sulla prestazioni. I script ripetuti creano richieste non necessarie su HTTP, specialmente nei browser IE.

Non utilizzare eval()

Nonostante ileval()Le funzioni sono un ottimo modo per eseguire codice arbitrario, ma ogni stringa passata alla funzione eval deve essere解析和执行即席. Ogni volta che si arriva a una chiamata della funzione eval, si genera un costo.