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
Freigeben: 2024-11-25 10:22:16
Original
519 Leute haben es durchsucht

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

Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage