Улучшить показатели Lighthouse и Core Web Vitals
Улучшить показатели Lighthouse и Core Web Vitals
Baseline текущего сайта
По текущему замеру главной страницы balldecor.ru:
- Performance: 52
- Accessibility: 57
- Best Practices: 74
- SEO: 100
SEO-score высокий, но остальные показатели заметно проседают. При переносе на HAIH это нужно использовать как измеримый технический baseline и не воспроизводить проблемы legacy.
Цель
Добиться заметно лучших показателей производительности, доступности и best practices на новой версии сайта, не жертвуя SEO, функциональностью и маркетинговыми сценариями.
Что сделать
- Снять воспроизводимый baseline Lighthouse для главной и нескольких ключевых коммерческих страниц в mobile и desktop режимах.
- Разобрать основные причины потерь Performance:
- LCP и тяжёлый hero-контент;
- размеры и форматы изображений;
- лишний JavaScript/CSS;
- блокирующие ресурсы и сторонние скрипты;
- шрифты;
- CLS;
- TBT/INP;
- серверный ответ и кеширование.
- Оптимизировать изображения: современные форматы, responsive sizes/srcset, корректные размеры, lazy loading вне первого экрана, preload только действительно критичных ресурсов.
- Минимизировать client-side JS и гидратацию там, где достаточно SSR/обычного HTML; не тащить тяжёлые библиотеки без необходимости.
- Настроить кеширование статических ресурсов, compression, immutable assets и CDN/cache layer, если он используется в HAIH-развёртывании.
- Исправить accessibility-проблемы:
- контраст;
- корректные label/aria;
- семантическую структуру заголовков;
- keyboard navigation/focus;
- размеры touch targets;
- alt-тексты;
- доступность форм и калькулятора.
- Исправить Best Practices: ошибки консоли, устаревшие/небезопасные API, проблемы загрузки ресурсов, security headers и прочие замечания Lighthouse.
- Не допустить ухудшения SEO: SSR, indexability, metadata, canonical, structured data и внутренние ссылки должны сохраниться.
- Добавить Lighthouse/Pagespeed-проверку в финальный smoke-test перед запуском и использовать её как регрессионный контроль после крупных изменений.
Целевые ориентиры
Для ключевых страниц новой версии стремиться к:
- Performance: 90+
- Accessibility: 95+
- Best Practices: 95+
- SEO: 95–100
Цели не должны достигаться за счёт удаления важных для бизнеса функций или искусственного упрощения страницы.
Критерий готовности
Ключевые страницы новой версии стабильно заметно превосходят legacy baseline, критические Core Web Vitals находятся в приемлемой зоне, а основные проблемы Lighthouse устранены и не возвращаются при последующих изменениях.