Связывание файлов CSS в HTML

Question

Полезно ли использовать два-три таблицы стилей для веб-дизайна. 1. каркас, который мы используем, 2. Основная таблица стилей 3. Отзывчивая таблица стилей, которая будет иметь медиа-запросы. Как это важно, если мы помещаем медиа-запросы в основную таблицу стилей? Есть ли разница в производительности? Каковы плюсы и минусы внедрения 2 таблиц стилей вместо одного?

Answer 1

Загрузка нескольких стилей:

• Требуется больше HTML
• требует более HTTP запросов

Если вы не часто меняя одну из них, вы всегда получите лучшую производительность, имея их в один файл (это может изменить с помощью HTTP2).

Преимущества для их использования в отдельных файлах - это простота разработки, но вы должны комбинировать их во время сборки.

Answer 2

Я рекомендую использовать препроцессоры CSS, такие как LESS/SASS.

Те позволяют дополнительные рычаги воздействия на CSS, предоставляя дополнительный синтаксис, который обеспечивает множество преимуществ:

• Элемент списка
• Вложенный синтаксис
• Возможность определять переменные
• Возможность определения Примеси
• Математические функции
• Эксплуатационные функции (например, «облегчить» и «затемнить»)
• Объединение нескольких файлов и сжатие окончательного результата

Вы можете прочитать об этом здесь: Advantages of preprocessors