M4mkin_pr0ger
@M4mkin_pr0ger
Представитель программистских меньшинств

Имеет ли смысл заинлайнить CSS сразу в HTML?

(при финальной сборке, а не в процессе разработки)
Собственно, и весь вопрос)
Это уменьшит количество запросов на страницу вдвое, но еще какие есть плюсы и какие минусы?
  • Вопрос задан
  • 289 просмотров
Решения вопроса 2
Zhandos
@Zhandos
Имеет смысл инлайнить критический css для отображения первого экрана (верхняя часть сайта) для пользователя. Эта методика является также официальной рекомендацией https://developers.google.com/speed/pagespeed/insights/ .
Основной же css должен подгружаться асинхронно, например используя библиотеку https://github.com/filamentgroup/loadCSS
Ответ написан
kotomyava
@kotomyava
Системный администратор
Если пользователь будет заходить на страницу только один раз, или страница статична и у неё очень длинный expires, это может иметь определённый смысл - один запрос против двух.

Если нет, то при каждом визите, кроме html, будет загружаться и css, а не браться из кеша на стороне браузера, т.е. будет гоняться лишний трафик, и уже не экономия будет, а наоборот.

Также, это имеет уже куда меньше смысла при использовании HTTP/2 т.к. дополнительные запросы имеют меньшие накладные расходы.

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

Делается не руками

К поисковой оптимизации никак не относится или идет в минус
К серверной оптимизации не имеет никакого отношения
Ответ написан
@coderxx
keep calm and learn js
Категорически противопоказано так как ставит крест на дальнейшей поддержке.
А как это уменьшит количество запросов на страницу, за счет чего?
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Sveak Барнаул
от 50 000 руб.
HTML Academy Санкт-Петербург
от 130 000 до 160 000 руб.
HTML Academy Санкт-Петербург
от 110 000 до 130 000 руб.