J'utilisais juste le plugin "Yslow" pour Mozilla Firefox, et il m'a dit que je devrais mettre JavaScript au bas. J'ai déjà entendu cela, mais je n'y ai pas trop réfléchi. Y at-il vraiment un avantage à placer JavaScript au bas d’une page Web par rapport au haut?
Réponses
Trop de publicités?Cela permettra à la page Web de se charger de manière visible avant d'exécuter JavaScript, ce qui est logique pour des éléments tels que Google Analytics, qui n'ont pas besoin de se produire avant le chargement de la page.
Vous pouvez également vous pencher sur des éléments tels que jQuery, prototype, etc. et les associer au gestionnaire "prêt", qui exécute le code JavaScript après le chargement complet du DOM, qui constitue un emplacement approprié pour une grande partie du code JavaScript.
En supposant que vous n'exécutez pas sur un CDN ou que vous ne serviez pas votre serveur JS à partir d'un sous-domaine ou d'un serveur distinct, il se chargera de manière synchrone et forcera votre contenu HTML à attendre jusqu'à ce qu'il ait téléchargé les fichiers. En plaçant le JS au bas de votre page avant la balise de fermeture </body>
, vous autorisez l'analyse du code HTML avant le chargement du code javascript. Cela donne l'effet de temps de chargement de page plus rapides.
Je veux apporter de la mise à jour à ce sujet, google a récemment introduit async ciselée http://support.google.com/analytics/bin/answer.py?hl=en&answer=1008080&rd=1 qui peut être ajoutée pour votre site afin d'apporter par exemple, statistiques de google de soutien. Il doit être placé en bas de l' <head>
section pour de meilleures performances. Le point est que cela augmente les chances de capot de suivi de la balise d'être envoyé avant que l'utilisateur quitte la page.
Il doit aussi être situé si vous souhaitez vérifier votre site dans google webmaster tools à l'aide de votre compte google analytics.
Autre que cela, les mêmes règles s'appliquent toujours, fondamentalement, - javascript en bas pour "rapide" chargement de la page. J'ai utilisé des guillemets parce que je n'ai pas compter les pages entièrement chargé jusqu'à ce que le javascript finitions ;-)
Si vous avez du contenu HTML statique et beaucoup de javascript, le temps de chargement d'une page peut être modifié, car le HTML se chargera en premier, ce qui donnera à l'utilisateur un élément à regarder. Si vous n'avez pas beaucoup de javascript, ou si le contenu de la page existante repose sur le javascript pour être utile, alors ce n'est pas aussi utile dans la pratique.