Combine external CSS - объединение внешних таблиц стилей в как можно меньшее количество файлов сокращает время в RTT и задерживает загрузку других ресурсов.
Подробности из Google
Как и в случае с внешним JavaScript, несколько внешних файлов стилей накладные расходы по RTT. Если ваш сайт содержит много файлов стилей, объединение их в меньшее количество выходных файлов может уменьшить задержку. Мы рекомендуем не более 3, но желательно 2, CSS файлов.
Часто имеет смысл использовать много различных файлов CSS во время цикла разработки, а затем объединить их вместе в рамках процесса развертывания. Кроме того, необходимо обновить все страницы, чтобы ссылки на файлы в комплекте как часть процесса развертывания.
Вот некоторые правила объединения файлов CSS в один:
Разделите CSS на 2 файла каждый:
- один файл CSS, содержащий минимальный код, необходимый для отображения страницы при запуске;
- и один файл стилей, содержащий код, который не требуется, пока загрузка страницы не будет завершена.
Не используйте в CSS @import правила из CSS-файла. Если это возможно, вставьте импортированное содержимое в основной файл стилей или загрузите импортированные стили из основного документа HTML.
Инструмент: GTmetrix.
Продолжаем серию уроков по оптимизации загрузки...
Следующие страницы вас также могут заинтересовать:
- Робототехника
- SEO-продвижение образовательного сайта: 7 лет — от старого HTML до AI Search
- Паллетирование: что это такое, технологии, оборудование и роботизация
- Машинное зрение в робототехнике: что это, как работает и где применяется
- Промышленные роботы: что это, виды, устройство и применение
Обновлено: 12.06.2021