Les meilleures pratiques CSS - SASS

Je cherche à la sagesse de la foule pour les vues sur les meilleures pratiques pour la mise en œuvre CSS.Les meilleures pratiques CSS - SASS

Notre site a été initialement construit en utilisant des compilateurs SASS pour CSS. Au fil du temps, lorsque de nouvelles fonctionnalités ont été ajoutées, chacune avec des styles spécifiques, les fichiers CSS et partiels sont devenus importants. Chargement de tous les CSS pour l'ensemble du site semble un gaspillage de ressources et de temps, en particulier lorsqu'un grand pourcentage n'est pas utilisé sur une page donnée. Cependant, on me dit encore que c'est plus efficace que les styles en ligne ou les blocs de style CSS dans la page.

Je suis en train d'envisager de supprimer tout le contenu CSS du noyau dans le fichier CSS SASS, puis de créer une série de fichiers CSS spécifiques qui seront chargés comme requis.

Comment les autres ont-ils abordé ce problème? Existe-t-il un consensus sur la «meilleure pratique» lorsque les fichiers CSS deviennent volumineux?

Merci

Source

2016-08-16 Dave

Cette question est soit trop large, ** basée sur l'opinion **, soit nécessite une discussion et est hors sujet pour Stack Overflow. Si vous avez un problème spécifique de programmation, merci de fournir tous les détails. –

Merci et oui, je suis actuellement à la recherche d'opinions et de discussions de la part de praticiens expérimentés sur le sujet. Êtes-vous capable de suggérer ailleurs que je pourrais être en mesure de poser une telle question? – Dave

Il ne peut pas être un endroit sur Stack Exchange, mais n'hésitez pas à vérifier. Les discussions et les questions d'opinion ne conviennent malheureusement pas à Stack Overflow. –

Vous pouvez écrire SASS uniquement pour des parties spécifiques de vos styles de site et de chargement des pages spécifiques seulement. Par exemple, vous n'avez pas besoin de charger des styles pour la liste de produits lorsque vous êtes sur la page du produit. En attendant, vous pouvez avoir une feuille de style globale pour quelque chose comme menu, pied de page. Le chargement de styles en ligne ou en bloc empêche la mise en cache des styles et oblige votre utilisateur à les télécharger à chaque ouverture de site Web.

Source

2016-08-16 09:19:53 Loji

Merci pour votre réponse Loji. Vous proposez une option est de continuer à utiliser SASS mais créer une série de fichiers CSS compilés séparément, en plus de style.css qui sont chargés au besoin? Le CSS compilé par SASS est-il considéré comme plus efficace que non compilé? Si un problème d'utilisation d'un fichier style.css SASS compilé avec les fichiers CSS spécifiques non compilés? Merci encore – Dave

Oui, si une partie de votre site est beaucoup plus grande, il est bon de charger son CSS séparément seulement si nécessaire. SASS compilé en CSS est seulement plus efficace s'il est minifié. Il n'y a pas de différence entre CSS standard et CSS compilé par SASS s'il est minifié. Et non, il n'y a pas de problème quand vous utilisez SASS et CSS. SASS est compilé en CSS normal de toute façon, seule la différence est la facilité de développement. – Loji

Les meilleures pratiques CSS - SASS

Répondre

Questions connexes