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

  1. #1
    Membre à l'essai
    CSS : un grand fichier VS plusieurs petits
    Bonjour à tous,

    Dans le cadre d'une réflexion globale sur certains points que je pourrais améliorer dans ma manière de travailler (méthodes et résultats), je m'interroge sur la gestion de mes fichiers CSS.

    Habituellement, je travaille un fichier CSS unique, qui finit par devenir assez long, puisque je travaille pas mal la mise en forme, y compris le responsive via les medias queries.

    Concernant la rédaction et la maintenance de mes CSS, je me dis que je pourrais séparer mes définitions CSS par thèmes. Un fichier pour la structure globale du site, un fichier pour l'affichage des textes, etc. Ce qui me permettrait de mieux m'y retrouver.

    Dans cette logique, je pourrais par exemple remplacer un seul grand fichier par 5 "petits".
    Ceci provoquerait quelques lignes redondantes (je pense à mes lignes media queries justement). Mais rien de bien méchant je pense.

    Pensez-vous que cette méthode peut être intéressante ou bien au contraire pénalisante au niveau performances, puisque générant 5 requêtes au serveur ?

    Bref, bonne pratique ou fausse bonne idée ?

    Merci !

  2. #2
    Modérateur

    Bonjour,
    Citation Envoyé par Harlock999
    Dans le cadre d'une réflexion globale sur certains points que je pourrais améliorer dans ma manière de travailler (méthodes et résultats), je m'interroge sur la gestion de mes fichiers CSS.

    Concernant la rédaction et la maintenance de mes CSS, je me dis que je pourrais séparer mes définitions CSS par thèmes.
    Un fichier pour la structure globale du site, un fichier pour l'affichage des textes, etc. Ce qui me permettrait de mieux m'y retrouver.
    C'est effectivement une bonne approche.


    Dans cette logique, je pourrais par exemple remplacer un seul grand fichier par 5 "petits".
    Pensez-vous que cette méthode peut être intéressante ou bien au contraire pénalisante au niveau performances, puisque générant 5 requêtes au serveur ?

    Bref, bonne pratique ou fausse bonne idée ?
    Il n'y a pas vraiment de bonnes/mauvaises façon de faire cela va dépendre de chacun, sa façon de travailler solo/équipe, mais il faut savoir que pour répondre à toutes tes interrogations il existe des outils comme gulp qui te permettent de ne plus avoir à te poser de question, concaténation, minification, optimisation du CSS.

    ↪ Gulp pour les débutants

  3. #3
    Membre émérite
    Personnellement , À moins d'avoir des CSS énormes, je dirai un seul fichier CSS.
    Ça permet de tout avoir au même endroit et surtout d'éviter plusieurs requêtes HTTP pour charger les X fichiers CSS (et donc optimiser le temps de chargement).

    Donc pour moi : Fausse bonne idée (sauf fichier très volumineux ou section de CSS utilisée à un seul endroit par exemple et encore).
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  4. #4
    Invité
    Invité(e)
    Bonjour,

    On n'est plus dans les années 90...
    Avec l'évolution matériel, ce ne sont pas quelques fichiers CSS qui vont avoir une influence significative sur la vitesse de chargement...

    Perso, je privilégie la clarté des fichiers (et du code).

  5. #5
    Membre émérite
    Citation Envoyé par jreaux62 Voir le message
    On n'est plus dans les années 90...
    Avec l'évolution matériel, ce ne sont pas quelques fichiers CSS qui vont avoir une influence significative sur la vitesse de chargement...
    Perso je pense responsive (et donc smartphones) et dans ce cas la vitesse de chargement compte... (surtout si consultation depuis un endroit ou la connexion n'est pas top).
    De plus, je pense que Google via des outils comme Page Speed prendra de plus en plus en compte un code optimisé dans son algo.
    Tu peux également avoir moins de fichiers avec de plus lignes dedans mais rester organisé dans.

    Après libre à chacun de faire comme il veut
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  6. #6
    Modérateur

    Citation Envoyé par jreaux62
    Perso, je privilégie la clarté des fichiers (et du code).
    Rien n'empêche de concaténer/minifier pour la mise en prod, les « task runner » sont fait pour cela !

    On peut même charger du CSS, non primo-important, après chargement de la page.

  7. #7
    Membre expert
    je preconiserai plusieurs fichiers :
    1 qui contient la structure basique de ton site ( avec peut-etre header complet) qui serait charge le plus tot possible.
    ainsi, le temps que tes autres elements se chargent, tu aurais quand meme un squelette de site.
    puis un 2eme fichier qui contient le detail des elements de ta page
    La forme des pyramides prouve que l'Homme a toujours tendance a en faire de moins en moins.

    Venez discuter sur le Chat de Développez !

  8. #8
    Modérateur

    puis un 2eme fichier qui contient le detail des elements de ta page
    Dans ce cas autant mettre les règles directement dans la page concernée.

###raw>template_hook.ano_emploi###