hisbvdis Jul 20 2019 at 17:28

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

6 min

30K

CSS*

Recovery Mode

Translation

+18

Comments 11

gonchik Jul 20 2019 at 19:11

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

-1

hisbvdis Jul 20 2019 at 20:36

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

BlackStar1991 Jul 21 2019 at 10:01

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

JustDont Jul 21 2019 at 11:04

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

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

UFO just landed and posted this here

Interreto Jul 21 2019 at 10:04

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

Get-Web Jul 21 2019 at 11:34

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

fosasq Jul 21 2019 at 20:14

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

vin2809 Jul 22 2019 at 08:45

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

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

UFO just landed and posted this here

vlad-yermolayev Aug 5 2019 at 14:09

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

Show the best of all time