Какие данные могут кешировать web сервер и браузер?

Question

[trepux]

Верстаю сайт.
Для ускорения отображения первого экрана все критические для него стили вставляю через style внутри head.
Что бы не уменьшить количество кода решил специфические стили для конкретных страниц, который используются только на конкретных страницах (faq, поиск и т.п.).

Так вот вопрос: с точки зрения кеширования этих данных как будет лучше поступить?
разделить на разные куски для разных встраниц и уменьшить к-во кода или вставить на всех страницах все стили?

Answer 1

[Алексей Уколов]

Когда всё в одном файле, любое изменение, даже самое мелкое, инвалидирует весь файл и браузеру нужно заново качать даже то, что не изменилось.

С точки зрения кеширования будет лучше разбить на отдельные файлы. Но если они будут слишком мелкими, будет большой оверхед от сетевых запросов, поэтому нужно подбирать оптимальный размер.

Comments

[trepux]

Вопрос не про разбиение на файлы, а про стили в style.
Пример:

<style>Стили для основной сетки сайта + шапка</style>
<style>Стили для страницы faq</style>

[Алексей Уколов]

С сточки зрения кеширования абсолютно без разницы как вы вставите стили в тело документа - разные документы кешируются независимо друг от друга. Если вы добавите на странице стили, которые на ней не нужны, это будет просто мёртвый груз.