7 советов по оптимизации CSS для ускорения загрузки страниц

[gonchik]

Спасибо за статью, подскажите есть ли у вас примеры с до и после оптимизации, где реально было явно видно улучшение?

[hisbvdis]

Благодарю за комментарий.
Вот только это перевод. Увы, лично у меня подобных примеров оптимизации нет.

[BlackStar1991]

Советы толковый, но по сути, много на них не выиграешь. CSS и так быстро отдается (надо сильно накосячить или получить в наследство очень старый код что были с ним проблемы) Самое прожорливое это медиа фаилы и JS. Вот там реально можно просесть.

[JustDont]

CSS и так быстро отдается (надо сильно накосячить или получить в наследство очень старый код что были с ним проблемы)

Можно лёгким движением руки взять какой-нибудь монструозный (пусть и удобный) инструмент css-in-js, и в разы ухудшить время до рендера.

[Interreto]

Без метрик до и после оптимизации и статистики это сферическая статья в вакууме, я сейчас работаю на проекте где индусский код и не минифицированный js-ник на ~30k строк приносит компании пол миллиарда $ прибыли в год.

[Get-Web]

Так может с оптимизацией приносил бы миллиард…

[fosasq]

Это все, конечно, замечательно, но эти советы помогли бы во время разработки, а не когда тебе подсовывают монстра, переписанного десятью разными разработчиками, после чего PageSpeed оценивает сайт в 1 балл :\

[vin2809]

Самое главное, что «эти советы помогли бы».

Спасибо за перевод.

[vlad-yermolayev]

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