28160 sujets

CSS et mise en forme, CSS3

Bonjour à tous,

J'ai un site qui n'a qu'une page.

Pour avoir testé il y a du pour et du contre à mettre en interne et en externe.

Pour l'externe, ça évite de scroller pour atteindre le code html

Pour l'interne, ça permet d'avoir toujours un css à jour, sans subir les caprices du cache du navigateur.

Y a t il dans le cas d'une page unique, une solution recommandée pour une raison ou une autre (et laquelle) ?

Merci.
Externe, simplement parce-que le code ça se cloisonne par pur bonne pratique.
Ensuite, car le jour ou tu as une seconde page tu fais quoi tu dupliques ? Smiley clapclap
Enfin, parce-que du css ça se minifie. Smiley smash
Administrateur
Hello,

J'aurais plutôt tendance à dire que "ça dépend".

En terme de performances, il est préférable de n'avoir qu'une seule requête donc un seul fichier en tout.
En terme de maintenabilité, il vaut mieux externaliser CSS.
Bonjour à tous,
Merci de vos réponses.

@Raphael, entièrement d'accord sur la facilité de maintenance.
@ Gray_Magic, s'il y avait deux pages, alors je passerai en feuille externe, la question ne se poserai plus Smiley cligne

Ma feuille de css est assez minimaliste, je travaille tout dans le flux, sans id ni class, uniquement avec les balises html5 et une variable --root (pour la couleur, c'est plus facile pour gérer).
Si la pratique est toujours bonne en CSS4 de laisser en interne, vu que je n'aurai aucune maintenance à faire dessus et qu'il y a le bouton de repli sur notepad++ je vais laisser en interne je pense Smiley smile

Merci Smiley smile
Modifié par robert72 (04 Nov 2019 - 13:39)
Bonjour,

Je rejoins l'avis de Raphaël mais si je peux me permettre d'ajouter que dans le cas d'une feuille de style intégrée au html - ce qui peut améliorer significativement les performances, du moins en http/2 - la maintenance peut-être grandement facilitée si vous utiliser un langage serveur. Celui-ci aura la charge d'inclure votre feuille de style dans l'en-tête de votre page.
Ainsi vous cumulez le bénéfice de la performance et de la maintenabilité.
Penser à paramétrer le module mod_expires sur un serveur Apache pour préciser la date de validité des documents ( CSS, Javascript, Images, ...) et comment utiliser les différents caches proxies, ..) sur le parcours des documents à travers la toile
https://httpd.apache.org/docs/2.4/en/caching.html
Une fois ces documents dans le cache du navigateur, la visite du site est beaucoup plus rapide