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

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

1. Gleichzeitige Downloads:

• Skripte mit aktivierter Asynchronisierung werden gleichzeitig mit dem Laden der Seite heruntergeladen und ausgeführt.

2. Ausführungsreihenfolge:

• Asynchrone Skripte garantieren keine Ausführungsreihenfolge, da das schneller ladende Skript möglicherweise vor dem anderen ausgeführt wird.
• Wenn Skripte voneinander abhängig sind, kann dies der Fall sein Fehler verursachen.

Fazit:

Während HTML5 Obwohl die Attribute „async“ und „defer“ möglicherweise noch nicht allgemein unterstützt werden, bieten sie Leistungsverbesserungen für moderne Browser. Durch den strategischen Einsatz können Sie die Seitenladegeschwindigkeit Ihrer Website optimieren. Erwägen Sie, mit diesen Optionen zu experimentieren und die Leistung Ihrer Website zu überwachen, um den optimalen Ansatz zu ermitteln.

Das obige ist der detaillierte Inhalt vonWie können „async'- und „defer'-Attribute die Ladegeschwindigkeit der Website verbessern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!