Живой пример отчёта
PageSpeed 100/100 после оптимизации сайта
Пример клиентского отчёта по ускорению сайта: что было сделано, какой результат получен и где его можно проверить.
100
Performance
100
Accessibility
100
Best Practices
100
SEO
0.9 c
Mobile FCP
0.9 c
Mobile LCP
0.3 c
Desktop FCP
0.3 c
Desktop LCP
Что сделали
- Убрал тяжёлый JS с главной и перевёл её на серверный рендер.
- Вынес критический CSS прямо в главную и перестал тянуть общий styles.css в критическом пути.
- Сделал чат ленивым: chat.css теперь грузится только когда чат реально нужен.
- Добавил main и починил порядок заголовков, чтобы accessibility стала 100.
- Включил долгий immutable-cache для статических ассетов с версионированием URL.
Что это даёт клиенту
- Сайт быстрее показывает первый экран на телефоне и компьютере.
- Чат больше не мешает загрузке страницы, но остаётся доступным для клиента.
- Страница понятнее для поисковых систем и сервисов доступности.
- Повторные заходы становятся быстрее за счёт долгого кеширования.
Как проверять
- Открыть ссылки Mobile и Desktop выше.
- Проверить четыре блока: Performance, Accessibility, Best Practices, SEO.
- Убедиться, что в отчёте видно 100/100 по всем четырём параметрам.