Вопрос по optimization, css – Должен ли я все еще хранить все CSS в одном файле?

6

Однажды более продвинутые веб-разработчики подумали, что когда снова это будет?;), Что нам следует избегать управления несколькими CSS-файлами и придерживатьсяone per project, Это помогло улучшить скорость загрузки страницы и избежать глупых ошибок при работе с множеством накладывающихся правил CSS.

Мой вопрос - этот подход все еще актуален?

Похоже, что спор о производительности загрузки страниц не так уж и хорош в наше время с потрясающим широкополосным Интернетом и умными веб-браузерами с еще более потрясающими возможностями кэширования. Каскадирование CSS действительно может быть подвержено ошибкам, но только для неопытного разработчика и наличия одной таблицы стилей CSS на самом деле не делает нас пуленепробиваемыми.

Я думаю, что я предпочел бы иметь набор таблиц стилей по умолчанию, аккуратно разделенных компонентами, а затем соединить их в одно правило с помощью CSS@import, Это также позволило бы мне включить таблицу стилей сброса по умолчанию.

Кто-нибудь со мной?

Вы отвечаете SASS / LESS. Разработка в модулях, продуктивное использование с одним уменьшенным кешируемым css-файлом. И все это полностью автоматизировано. Christoph

Ваш Ответ

4   ответа
6

а о количестве http-запросов, это имеет большой смысл для мобильного соединения.

Однако подход к использованию разных CSS-файлов для сохранения модульности проекта является надежным, так как он помогает вам организовать ваш CSS организованным так, как вы этого хотите, без всего кода в одном файле. Тогда вы можете воспользоваться препроцессорами / минификаторами CSS для объединения и сжатия всех ваших файлов CSS в один для производства.

Эта статьяhttp://www.igvita.com/2012/06/14/debunking-responsive-css-performance-myths/

есть параграф о мобильном телефоне, который хорошо объясняет, почему это хорошая практика:

you are much better off downloading all of the CSS content in one shot over the initial, warmed up connection. By doing so, you will also help the user extend their battery life. If there is one optimization to be made here then it is simply: concatenate and compress.

хороший звонок @ Double, +1
Я бы добавил, что количество различных http-запросов также важно на стороне сервера. Например, Apache в своей стандартной конфигурации создает поток для каждого нового запроса.
Mobile! Хороший совет, я думаю, что я полностью пропустил этот аргумент. ŁukaszBachman
1

такой подход остается в силе. Есть десятки статей об оптимизации нагрузки, но общая идея заключается в следующем

Less files = less http requests made to server = better load performance

Главное, что со временем изменилось, это то, что теперь есть много инструментов, которые поддерживают объединение нескольких файлов в один во время выполнения. Таким образом, у вас есть отдельные таблицы стилей для лучшей организации, отладки во время разработки, и эти инструменты объединяют, минимизируют и устанавливают правильные заголовки кэширования на производстве.

0

я не вижу причин для того, чтобы больше хранить только один лист CSS, в настоящее время я делаю именно то, что вы только что заявили, разделение по компонентам, а также ленивая загрузка :) (операторы php if и т. Д.).

0

divs переходит в / * Начало Divs * / div # somediv / * Конец Divs * / / * Начало анимации * / / * Конец анимации * /. Для меня это проще, чем объединение разных CSS-файлов после завершения проекта.

Похожие вопросы