suchen

Heim >Web-Frontend >js-Tutorial >Wie können „async'- und „defer'-Attribute die Ladegeschwindigkeit der Website verbessern?

Wie können „async'- und „defer'-Attribute die Ladegeschwindigkeit der Website verbessern?

Barbara Streisand
Barbara StreisandOriginal
2024-11-25 10:22:16516Durchsuche

How Can `async` and `defer` Attributes Improve Website Load Speed?

Skript-Tag-Verbesserungen: asynchron und verzögert

Zur Site-Ladegeschwindigkeit

1. Async-Attribut:

  • Durch das Hinzufügen von Async zu Skripten unten auf der Seite können diese gleichzeitig mit dem Laden der Seite heruntergeladen und ausgeführt werden, was möglicherweise die Seitengeschwindigkeit verbessert.
  • Sie platzieren oben auf der Seite im Bereich Mit Async wird auch die Ladegeschwindigkeit verbessert, indem der Download frühzeitig gestartet wird.

2. Defer-Attribut:

  • Mit defer innerhalb von für Skripte simuliert das Verhalten, wenn die Skripte vor dem /body-Tag stehen.
  • Defer stellt sicher, dass die Skripte in der Reihenfolge ausgeführt werden, in der sie auf der Seite erscheinen, jedoch erst, nachdem das HTML-Dokument vollständig analysiert wurde.

Verwenden von