Scopri in che modo il codice JavaScript di terze parti può influire sul rendimento e cosa puoi fare per evitare che rallenti i tuoi siti.
In genere, per JavaScript di terze parti si intendono gli script incorporati nel tuo sito web che sono:
- Non creati da te
- Pubblicate da server di terze parti
I siti utilizzano questi script per vari scopi, tra cui:
- Pulsanti di condivisione sui social
- Video player incorporati
- Servizi di chat
- Iframe pubblicitari
- Script di analisi e metriche
- Script di test A/B per gli esperimenti
- Librerie di supporto (ad esempio formattazione della data, animazione e librerie funzionali)
Gli script di terze parti possono offrire funzionalità potenti, ma non è tutto qui. Inoltre, influiscono sulla privacy, sulla sicurezza e sul comportamento delle pagine e possono essere particolarmente problematici per le prestazioni.
Prestazioni
Qualsiasi quantità significativa di JavaScript può rallentare le prestazioni. Tuttavia, poiché JavaScript di terze parti non è solitamente sotto il tuo controllo, può causare ulteriori problemi.
Rete
La configurazione delle connessioni richiede tempo e l'invio di troppe richieste a più server causa rallentamenti. Il tempo è ancora più lungo per le connessioni sicure, che possono comportare ricerche DNS, reindirizzamenti e diversi viaggi di andata e ritorno al server finale che gestisce la richiesta dell'utente.
Gli script di terze parti spesso aumentano il carico della rete con elementi quali:
- Invio di richieste di rete aggiuntive
- Importazione di immagini e video non ottimizzati
- Cache HTTP insufficiente, che forza il recupero frequente delle risorse di rete
- Compressione del server delle risorse insufficiente
- Più istanze di framework e librerie incorporate da diversi embed di terze parti
Rendering
Il modo in cui viene caricato il codice JavaScript di terze parti è molto importante. Se viene eseguita in modo sincrono nel percorso di rendering critico, ritarda l'analisi del resto del documento.
Se una terza parte ha problemi con il server e non riesce a caricare una risorsa, il rendering viene bloccato fino al timeout della richiesta, che può variare da 10 a 80 secondi. Puoi testare e simulare questo problema con i test di punto di errore singolo di WebPageTest.
Cosa fare
L'utilizzo di JavaScript di terze parti è spesso inevitabile, ma puoi fare alcune cose per ridurre al minimo gli effetti negativi:
- Quando scegli le risorse di terze parti, privilegia quelle che inviano la quantità minima di codice, pur fornendoti la funzionalità di cui hai bisogno.
- Utilizza i budget di rendimento per i contenuti di terze parti per tenere sotto controllo il loro costo.
- Non utilizzare la stessa funzionalità di due fornitori diversi. Probabilmente non hai bisogno di due gestori dei tag o di due piattaforme di analisi.
- Controlla e ripulisci regolarmente gli script di terze parti ridondanti.
Per scoprire come eseguire il controllo dei contenuti di terze parti e caricarli in modo efficiente per migliorare il rendimento e l'esperienza utente, consulta gli altri post della sezione Ottimizzare le risorse di terze parti.