Scopri in che modo JavaScript di terze parti può influire sulle prestazioni e che cosa puoi fare per evitare che rallenti i tuoi siti.
Il termine JavaScript di terze parti in genere si riferisce a script incorporati nel tuo sito web che sono:
- Non sei l'autore
- Pubblicati da server di terze parti
I siti utilizzano questi script per vari scopi, tra cui:
- Pulsanti di condivisione sui social
- Incorporamenti del video player
- Servizi di chat
- Iframe pubblicitari
- Script di analisi e metriche
- Script per il test A/B per gli esperimenti
- Librerie di supporto (come formattazione di date, animazioni e librerie funzionali)
Gli script di terze parti possono fornire funzionalità potenti, ma non è tutto. Inoltre, influiscono sulla privacy, sulla sicurezza e sul comportamento delle pagine e possono rappresentare un problema particolarmente importante in termini di prestazioni.
Esibizione
Una quantità significativa di JavaScript può rallentare le prestazioni. Tuttavia, poiché solitamente JavaScript di terze parti sfuggono al tuo controllo, potrebbe verificarsi ulteriori problemi.
Rete
La configurazione delle connessioni richiede tempo e l'invio di troppe richieste a più server causa rallentamenti. Questo periodo di tempo è ancora più lungo per le connessioni sicure, che potrebbero comportare ricerche DNS, reindirizzamenti e vari round trip al server finale che gestisce la richiesta dell'utente.
Gli script di terze parti spesso si aggiungono all'overhead della rete con elementi quali:
- Attivare richieste di rete aggiuntive
- Inserimento di immagini e video non ottimizzati
- Memorizzazione nella cache HTTP insufficiente, il che forza il recupero frequente delle risorse di rete
- Compressione del server delle risorse insufficiente
- Più istanze di framework e librerie estratte da incorporamenti di terze parti diversi
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, l'analisi del resto del documento viene ritardata.
Se una terza parte riscontra problemi con il server e non riesce a consegnare una risorsa, il rendering viene bloccato fino al timeout della richiesta, che può durare da 10 a 80 secondi. Puoi testare e simulare questo problema con i test Single-Point-of-Failure di WebPageTest.
Che cosa fare
L'utilizzo di JavaScript di terze parti è spesso inevitabile, ma ci sono cose che si può fare per ridurre al minimo gli effetti negativi:
- Quando scegli risorse di terze parti, dai la priorità a quelle che inviano la minore quantità di codice, pur garantendo la funzionalità di cui hai bisogno.
- Utilizza i budget di rendimento per i contenuti di terze parti al fine di tenere sotto controllo i costi.
- Non utilizzare le stesse funzionalità di due fornitori diversi. Probabilmente non sono necessari due tag manager o due piattaforme di analisi.
- Controlla ed elimina regolarmente gli script di terze parti ridondanti.
Per scoprire come controllare i contenuti di terze parti e caricarli in modo efficiente per migliorare il rendimento e l'esperienza utente, consulta gli altri post nella sezione Ottimizzare le risorse di terze parti.