Браузер скачивает каждый подключённый файл отдельным запросом. Двадцать мелких CSS-файлов медленнее одного большого на тот же объём: на каждый запрос уходит время на соединение, а при большом количестве файлов браузер начинает ставить загрузку в очередь.
Какие пороги считать нормальными
- CSS-файлы: до 4 внешних файлов. Больше — «плохо»: страница не начнёт отрисовку, пока стили не загрузятся.
- JS-файлы: до 6 внешних файлов. Больше — растёт время до интерактивности, страница «жмётся», но не отвечает на клики.
Откуда берётся лишнее
Каждый плагин CMS подключает свои стили и скрипты. Пять плагинов — и на странице уже пятнадцать файлов, половина из которых дублирует функции. Второй источник — сторонние виджеты: чаты, социальные кнопки, аналитика, каждый со своим JS.
Что делать
Включите слияние и минификацию стилей и скриптов средствами CMS или сервера. Отключите плагины, которыми не пользуетесь. Для сторонних скриптов используйте defer/async, чтобы они не блокировали загрузку. Наш технический аудит покажет точное количество CSS- и JS-файлов и их список.