Maison >interface Web >js tutoriel >Comment les attributs « async » et « defer » peuvent-ils améliorer la vitesse de chargement du site Web ?

Comment les attributs « async » et « defer » peuvent-ils améliorer la vitesse de chargement du site Web ?

Barbara Streisand
Barbara Streisandoriginal
2024-11-25 10:22:16516parcourir

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

Améliorations des balises de script : asynchrone et différé

Vers la vitesse de chargement du site

1. Attribut asynchrone :

  • L'ajout d'asynchrones aux scripts en bas de la page permet de les télécharger et de les exécuter simultanément au chargement de la page, améliorant potentiellement la vitesse de la page.
  • Les placer en haut de la page dans la zone avec async améliore également la vitesse de chargement en lançant le téléchargement plus tôt.

2. Attribut de report :

  • Utilisation de defer à l'intérieur de for scripts simule le comportement d'avoir les scripts avant la balise /body.
  • Defer garantit que les scripts sont exécutés dans l'ordre dans lequel ils apparaissent sur la page, mais seulement après que le document HTML a été entièrement analysé.

Utilisation de