Вивести сайт на React на швидкість 100 по pagespeed в мобільній версії

Вітаю!

Ваш сайт вже має чудові показники (90–99). Перехід від 95 до стабільних 100 - це найскладніший етап.

Чи можливо отримати 100 при кожній перевірці? Скажу чесно, як фахівець: показник 100 можливий, але він залежить не тільки від коду, а й від зовнішніх факторів (навантаження на сервери Google у момент тесту, затримки мережі або сторонніх скриптів, як-от чати чи аналітика).

Моя мета: довести технічну частину сайту до такого ідеалу, щоб за нормальних умов показник 100 був стандартом, а коливання були мінімальними.

Що я пропоную зробити для досягнення 100/100:
…
1. Аудит сторонніх скриптів: Найчастіше 1–5 балів "з'їдають" Google Analytics, Pixel або сторонні шрифти. Я налаштую їх відкладене завантаження (Proxying або Partytown), щоб вони не блокували основний потік.
2. Оптимізація критичного шляху (Critical CSS): Виділення мінімального CSS, необхідного для першого екрана, та відкладення решти стилів.
3. Філігранне налаштування шрифтів: Використання font-display: swap та попереднього завантаження (preload), щоб уникнути найменших зсувів макета (CLS).
4. TTFB (Time to First Byte): Аналіз швидкості відповіді сервера. Навіть мікро-затримка бази даних може не дати отримати 100 балів.
5. Оптимізація ресурсів: Конвертація залишків графіки в WebP/AVIF та стиснення JS/HTML до абсолютного мінімуму.

Етапи роботи:
1. Повний технічний аудит поточних втрат (навіть якщо це 1–2 бали).
2. Створення копії сайту для тестів (щоб не впливати на роботу основного ресурсу).
3. Впровадження правок та фінальне тестування.

Буду рада подивитися на посилання вашого сайту, щоб дати точний прогноз: чи заважають вам зараз внутрішні помилки коду, чи зовнішні сервіси, і як ми можемо це виправити.

Готова обговорити деталі та приступити до роботи!