Объединение css файлов
Третья часть серии «Разгоняем показатели PageSpeed до 100»
Чем меньше подключенных файлов, тем меньше браузеру надо делать запросов к серверу. Это сокращает время загрузки и улучшает показатели PageSpeed.
Что делаем:
✅ Объединяем все файлы css в один
Плодить кучу css файлов нет смысла - править стили всё равно удобнее через один файл. Пусть и некоторые предпочитают модульную структуру, но, как замечено, для производительности лучше все же один файл.
Здесь важно сделать ремарку, что файлов может быть два: один с общими стилями, а второй со стилями библиотек.
Плюс такого подхода в том, что основной CSS загружается первым и страница отрисовывается раньше. Поэтому если основной файл CSS относительно «большой» по весу, а стили библиотек сразу не нужны, тогда разумно разделить файл на два: main.css и plugins.css
* Один или два - нужно смотреть по ситуации
Хочешь доводить сайты до зелёных зон? Я делюсь своим опытом в серии постов с хэштегом #pagespeed в Telegram (@naweba), а ещё — на Teletype.