Hier erfahren Sie, wie sich Drittanbieter-JavaScript auf die Leistung auswirken und wie Sie verhindern können, dass es die Leistung Ihrer Website verlangsamt.
Bei JavaScript von Drittanbietern handelt es sich im Allgemeinen um in Ihre Website eingebettete Skripts, die
- Nicht von Ihnen erstellt
- Von Drittanbieterservern bereitgestellt
Websites verwenden diese Skripts zu verschiedenen Zwecken, darunter:
- Teilen-Schaltflächen für soziale Netzwerke
- Eingebettete Videoplayer
- Chat-Dienste
- iFrames für Werbung
- Skripts für Analysen und Messwerte
- Skripts für A/B-Tests für Tests
- Hilfsbibliotheken (z. B. Datumsformatierung, Animation und Funktionsbibliotheken)
Drittanbieter-Skripte können leistungsstarke Funktionen bieten, aber das ist noch nicht alles. Sie wirken sich auch auf den Datenschutz, die Sicherheit und das Seitenverhalten aus – und können für die Leistung besonders problematisch sein.
Leistung
Jede Menge JavaScript kann die Leistung beeinträchtigen. Da Drittanbieter-JavaScript jedoch normalerweise außerhalb deiner Kontrolle liegt, kann es zu weiteren Problemen führen.
Netzwerk
Das Einrichten von Verbindungen dauert Zeit und das Senden zu vieler Anfragen an mehrere Server führt zu Verlangsamungen. Diese Zeit ist für sichere Verbindungen sogar noch länger. Dies kann DNS-Lookups, Weiterleitungen und mehrere Umläufe zum endgültigen Server umfassen, der die Anfrage des Nutzers verarbeitet.
Drittanbieterskripts erhöhen häufig den Netzwerk-Overhead, beispielsweise durch:
- Zusätzliche Netzwerkanfragen auslösen
- Nicht optimierte Bilder und Videos einbinden
- Unzureichendes HTTP-Caching, das ein häufiges Abrufen von Netzwerkressourcen erzwingt
- Unzureichende Serverkomprimierung von Ressourcen
- Mehrere Instanzen von Frameworks und Bibliotheken, die von verschiedenen Einbettungen von Drittanbietern geladen wurden
Rendering
Die Art und Weise, wie Drittanbieter-JavaScript geladen wird, spielt eine große Rolle. Wenn dies synchron im kritischen Rendering-Pfad erfolgt, verzögert sich das Parsen des restlichen Dokuments.
Wenn bei einem Drittanbieter Serverprobleme auftreten und eine Ressource nicht bereitgestellt werden kann, wird das Rendering blockiert, bis das Zeitlimit für die Anfrage überschritten wird. Das kann zwischen 10 und 80 Sekunden dauern. Sie können dieses Problem mit WebPageTest Single-Point-of-Failure-Tests testen und simulieren.
Vorgehensweise
Die Verwendung von Drittanbieter-JavaScript ist oft unvermeidlich. Es gibt jedoch Möglichkeiten, negative Auswirkungen zu minimieren:
- Wenn Sie Ressourcen von Drittanbietern auswählen, sollten Sie Ressourcen bevorzugen, die am wenigsten Code senden, aber trotzdem die benötigten Funktionen bieten.
- Verwenden Sie Leistungsbudgets für Drittanbieterinhalte, um die Kosten unter Kontrolle zu halten.
- Verwenden Sie nicht dieselbe Funktionalität von zwei verschiedenen Anbietern. Sie benötigen wahrscheinlich nicht zwei Tag-Manager oder zwei Analyseplattformen.
- Redundante Skripts von Drittanbietern regelmäßig prüfen und bereinigen
Informationen dazu, wie Sie Drittanbieterinhalte prüfen und effizient laden können, um die Leistung und Nutzererfahrung zu verbessern, finden Sie in den anderen Beiträgen im Abschnitt Ressourcen von Drittanbietern optimieren.