77 votes

JavaScript en bas / haut de la page Web?

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?

58voto

wojo Points 1707

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.

48voto

cballou Points 13804

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.

5voto

Mauno V. Points 3868

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 ;-)

5voto

bmoeskau Points 13136

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.

4voto

CodeJoust Points 2867

Oui, la page chargera le contenu et le restituera avant le chargement et l’exécution de javascript. Par conséquent, la page se chargera plus rapidement.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X