Мы прошли путь от CSS и шрифтов до JavaScript и сторонних библиотек. Теперь время собрать все наблюдения в один практический список, который реально помогает ускорить сайт и понять, на что не стоит тратить время.
1. CSS и шрифты
Что работает:
- отложенная загрузка второстепенных стилей
- минимизация ненужных правил
- сокращение количества кастомных шрифтов
Что почти не влияет:
- полная очистка CSS без структурной оптимизации
- объединение всех файлов ради одного показателя скорости
Главное: CSS ускоряет сайт, но не решает проблемы первого экрана, если JavaScript и шрифты остаются тяжёлыми.
2. JavaScript и сторонние скрипты
Главные выводы:
- сторонние скрипты и плагины создают основной тормоз
- отложенная загрузка JS реально ускоряет загрузку и интерактивность
- визуальные эффекты и анимации нужно проверять: часто они дороже, чем кажется
3. Общие рекомендации
- измеряйте эффект каждого шага отдельно
- ориентируйтесь на реальные метрики (TTI, LCP, CLS)
- не гонитесь за идеальными показателями, ищите ощутимый эффект для пользователя
Даже маленькое улучшение первого экрана часто важнее, чем оптимизация всех 500 мелких правил CSS.
4. Мой итоговый чек-лист ускорения сайта
- Минимизировать и отложить CSS
- Сократить кастомные шрифты
- Выключить или отложить сторонние скрипты
- Проверить, какие визуальные эффекты реально нужны
- Замерять каждый шаг через PageSpeed
Следуя этому списку, можно ускорить сайт без лишней головной боли.
Что дальше
Эксперимент показал одно главное: скорость сайта зависит не от объема кода, а от порядка его загрузки и ключевых элементов первого экрана.
В следующей серии можно будет проверить влияние скорости на поведение пользователей, но даже без этого шага у тебя есть готовый план, который реально работает.