M4mkin_pr0ger
@M4mkin_pr0ger
Хачу пырфоманс

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

(при финальной сборке, а не в процессе разработки)
Собственно, и весь вопрос)
Это уменьшит количество запросов на страницу вдвое, но еще какие есть плюсы и какие минусы?
  • Вопрос задан
  • 327 просмотров
Решения вопроса 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
Категорически противопоказано так как ставит крест на дальнейшей поддержке.
А как это уменьшит количество запросов на страницу, за счет чего?
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы