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

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

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

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

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

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

К поисковой оптимизации никак не относится или идет в минус
К серверной оптимизации не имеет никакого отношения
Ответ написан
@coderxx
keep calm and carry on
Категорически противопоказано так как ставит крест на дальнейшей поддержке.
А как это уменьшит количество запросов на страницу, за счет чего?
Ответ написан
@relows
Учусь веб дизайну и программированию
Ты можешь это сделать, и возможно, страница загрузится на сотую секунды быстрее, но в дальнейшем дорабатывать сайт будет крайне не удобно.
Да, html файлу не придётся ссылаться в css файлы для того что-бы узнать что значит тот или иной класс, но
в таком случае ты продублируешь многие строки, и в итоге страница будет грузиться ещё дольше(не ощутимо)
Таким образом:
1.Плюсов нет
2.Минус - дорабатывать сайт будет крайне не удобно, а так-же страница будет дольше грузиться
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы