Fichiers .js dans une page .html

[Fermé]
Signaler
-
 A.Nonymous -
Bonsoir,
Jai des pages html ,et dans chaque page j'ai besoin d'inclure +-6 fichiers .js et les fonction utiliser sont récursives c a dire qu'une fonction dans un fichier .js doit appeler une autre fonction d'un autre fichier .js ,sachant que les deux fichiers .js sont appeler dans l'entête du page html. Ma question c'est :la dépendance des fonctions qui appartiennent au différents fichiers .js peut ralentir l'interaction avec les pages web? D'après mes expériences la réponse c'est oui mais je veux une explication scientifique et la solution a ce problème.

Cordialement

2 réponses

Messages postés
4963
Date d'inscription
samedi 8 mars 2008
Statut
Membre
Dernière intervention
31 octobre 2019
1 042
Salut !
Ma question c'est :la dépendance des fonctions qui appartiennent au différents fichiers .js peut ralentir l'interaction avec les pages web?

Ben à chaque fois qu'une page HTML demande un fichier externe, le navigateur communique avec le serveur du site.
Ces communications génèrent des requêtes, et c'est ça qui ralentit la page.

Une requête :
- interrogation des serveurs DNS
- interrogation du serveur
- traitement de requête par le serveur
- envoi du fichier au navigateur
- traitement du fichier par le navigateur

EDIT : ah, et la solution au problème : faire un seul fichier JS et les charger à la fin du fichier HTML.
- ...
« Quel crime avons-nous fait pour mériter de naître ? » [Lamartine]
Le problème est surtout qu'une fonction peut être appelée alors que le fichier qui la contient peut ne pas avoir été chargé.
L'une des solutions est d'exécuter le "code d'amorçage" sur l'évènement "document.ready".
Quand le document est "ready", cela signifie que le navigateur a fini le rendu de la page, et donc les différents chargements de fichier s'y afférant.

En jQuery, l'exécution de Javascript sur cet évènement peut s'écrire ainsi :
jQuery(document).ready(function(){ alert( 'Document is ready !' ); });