Wenn ein Drittanbieter-Script die Ladezeit Ihrer Seite verlangsamt, haben Sie zwei Möglichkeiten, die Leistung zu verbessern:
- Entfernen Sie sie, wenn sie Ihrer Website keinen klaren Mehrwert bietet.
- Ladevorgang optimieren
In diesem Beitrag wird beschrieben, wie Sie den Ladevorgang von Drittanbieter-Scripts mit den folgenden Methoden optimieren:
async
- oderdefer
-Attribut für-Tags verwenden
- Vorzeitige Verbindungen zu erforderlichen Ursprüngen herstellen
- Lazy Loading
- Auslieferung von Drittanbieter-Scripts optimieren
Verwenden Sie async
oder defer
.
Da synchrone Scripts die DOM-Erstellung und das Rendering verzögern, sollten Sie Drittanbieter-Scripts immer asynchron laden, es sei denn, das Script muss ausgeführt werden, bevor die Seite gerendert werden kann.
Die Attribute async
und defer
teilen dem Browser mit, dass er mit dem Parsen des HTML-Codes fortfahren kann, während das Script im Hintergrund geladen wird, und es dann nach dem Laden ausführen kann. So wird durch Scriptdownloads weder die DOM-Erstellung noch das Seiten-Rendering blockiert. Der Nutzer kann die Seite also sehen, bevor alle Scripts geladen sind.