Le placement déroutant de Tags : Avant ou Après </body></strong></p> <p>Le placement de <script> Les balises dans un document HTML ont déclenché un débat parmi les développeurs Web. Alors que l'approche conventionnelle consiste à les intégrer dans le fichier <head> section, certains soutiennent que les placer après la section </body> la balise peut améliorer les performances. Cependant, cela soulève la question : un tel écart par rapport à la norme est-il justifié ?</p> <p><strong>Validation brisée et différence minimale</strong></p> <p>À proprement parler, placer <script> balises en dehors du <body> ou <tête> les balises enfreignent les règles de validation HTML. Ce déplacement peut également affecter la fonctionnalité si le script repose sur la manipulation du DOM avant que l'élément body ne soit complètement chargé. Toutefois, si ces problèmes ne constituent pas un problème, les implications en termes de performances du report du chargement des scripts sont minimes.</p> <p><strong>Chargement différé et implications en termes de performances</strong></p> <p>En théorie, différer le chargement des scripts jusqu'à ce que la page soit rendue peut améliorer les performances perçues en permettant au navigateur de se concentrer en premier sur l'affichage du contenu de la page. Cette approche peut être particulièrement bénéfique pour les scripts volumineux qui pourraient autrement bloquer le chargement d’autres ressources. Cependant, il convient de noter que les navigateurs modernes implémentent des techniques de chargement de script asynchrone, annulant partiellement les gains de performances du chargement différé.</p> <p><strong>Conclusion</strong></p> <p>En plaçant <script> balises après le </body> La balise n'est pas une erreur flagrante, elle ne confère pas d'avantages significatifs en termes de performances et peut introduire des problèmes de validation. En général, il est plus prudent de suivre la pratique conventionnelle consistant à placer <script> balises dans le <head> section, garantissant à la fois la conformité de la validation et un comportement prévisible.</p>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
