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
1. Téléchargements simultanés :
- Les scripts avec activation asynchrone sont téléchargés et exécutés simultanément avec le chargement de la page.
2. Ordre d'exécution :
- Les scripts asynchrones ne garantissent pas l'ordre d'exécution, car le script à chargement plus rapide peut s'exécuter avant l'autre.
- Si les scripts dépendent les uns des autres, cela peut provoquer des erreurs.
Conclusion :
Pendant HTML5 n'est peut-être pas encore largement pris en charge, les attributs async et defer offrent des améliorations de performances pour les navigateurs modernes. En les utilisant stratégiquement, vous pouvez optimiser la vitesse de chargement des pages de votre site Web. Pensez à expérimenter ces options et surveillez les performances de votre site Web pour déterminer l'approche optimale.
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!
Déclaration:Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn