IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Structurer son code


Sujet :

JavaScript

  1. #1
    Invité
    Invité(e)
    Par défaut Structurer son code
    Bonjour à tous,

    étant débutant en javascript, je fais appelle a votre experience:

    faut il placer ses script au sein de la page html?
    faut il declarer ces variables dans la page ?

    peut on placer les script a l'exterieur ?

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Invité
    Invité(e)
    Par défaut
    il est donc recommandé de placer le javascript en bas de page, mais une question est il possible de declarer les variables das un script a l'exterieur de la page ?

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    En bas de page, c'est à l'intérieur de la page non ?

    Ceci dit, pourquoi veux-tu les mettre ailleurs ? Histoire de rendre le code moins lisible et plus difficilement maintenable ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Invité
    Invité(e)
    Par défaut
    je pensais qu'il serait plus logique de separer tout ca creer un fichier js pour chaque fonction appeller je me trompe ?

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    un fichier pour chaque fonction ??
    tu devrais aussi essayer un fichier par variable histoire de saturer le reseau d'appels de fichiers ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  7. #7
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Arf... désolé, j'avais mal lu la question !

    Oui, il est fortement recommandé de mettre ses scripts dans un fichier séparé, mais tu seras quand même obligé de les appeler avec une balise <script>.
    Ensuite, non, il est n'est pas conseiller de morceler ses scripts en plusieurs fichiers : cela obligerait le navigateur à effectuer autant de requêtes HTTP qu'il y a de scripts à intégrer et cela ralentira d'autant le chargement de l'ensemble des scripts et donc de la page.
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  8. #8
    Rédacteur/Modérateur

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Par défaut
    Citation Envoyé par Bovino Voir le message
    non, il est n'est pas conseiller de morceler ses scripts en plusieurs fichiers : cela obligerait le navigateur à effectuer autant de requêtes HTTP qu'il y a de scripts à intégrer et cela ralentira d'autant le chargement de l'ensemble des scripts et donc de la page.
    Propos à relativiser, tout mettre dans un seul script ce n'est pas l'idéal non plus. Il y a un compromis de performance entre les requêtes AJAX parallèle et l'excédant de taille dû à la multiplication des requêtes. Généralement je m'arrange pour avoir des bundles entre 10 et 100 Ko, ni plus ni moins. Ensuite, c'est intéressant de séparer un bundle bibliothèques et un bundle code applicatif, car on peut y appliquer des règles de cache différentes. Enfin, si on peut charger de manière différée une partie des scripts, ou s'ils ne sont pas spécifiques à la page d'accueil, autant les charger plus tard : les utilisateurs percoivent mieux le fait d'attendre cinq fois 800 millisecondes que une fois 3 secondes, même si le temps total est moins long quand on concatène tout. Le temps d'affichage du contenu de la page d'accueil, même si pas complètement chargé, est très impactant sur le nombre et la satisfaction des visiteurs, plusieurs études l'ont prouvé.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Structurer son code
    Par LaurentC33 dans le forum Débuter
    Réponses: 9
    Dernier message: 14/07/2013, 15h02
  2. Réponses: 5
    Dernier message: 16/02/2011, 16h04
  3. Réponses: 0
    Dernier message: 30/12/2010, 22h28
  4. Comment structurer son code ?
    Par Djey6 dans le forum wxPython
    Réponses: 1
    Dernier message: 09/12/2010, 16h24
  5. [VBA][Excel] Comment bien structurer son code?
    Par skystef dans le forum Macros et VBA Excel
    Réponses: 1
    Dernier message: 15/03/2007, 19h39

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo