Необхідно виконати комплексну оптимізацію продуктивності SSR-сайту на Next.js з використанням headless CMS Strapi. Поточна проблема — незадовільні показники швидкості завантаження, включаючи високі LCP, FCP та TTFB, особливо на мобільних пристроях.
Це не типовий проєкт на Wordpress і не задача рівня “встановити WP Rocket”. Проєкт потребує глибокого розуміння архітектури Next.js SSR, headless CMS, вебпродуктивності, frontend-оптимізації та сучасного вебдизайну. Потрібна саме ручна технічна оптимізація з аналізом рендерингу, роботи шаблонів, завантаження ресурсів і взаємодії з API. Надсилайте пропозиції разом із прикладами подібних робіт. Розглядатимуться лише реальні кейси з headless CMS та SSR-проєктами.
Мета проєкту — вивести ключові шаблони сайту в зелену зону PageSpeed Insights для мобільної та десктопної версій. Результати мають бути співставними із замірами в:
- PageSpeed Insights
- WebPageTest
- GTmetrix
Основні завдання
Потрібна не точкова косметична правка, а повноцінна ручна оптимізація проєкту на рівні архітектури, SSR-рендерингу, фронтенду, завантаження ресурсів та роботи з даними зі Strapi.
Оптимізація повинна включати два рівні робіт:
1. Глобальна оптимізація
Необхідно внести системні зміни, які позитивно вплинуть на всі шаблони сайту:
- оптимізація SSR та зниження TTFB;
- аудит і оптимізація запитів до Strapi;
- впровадження або налаштування кешування;
- оптимізація критичного CSS та JS;
- зменшення обсягу клієнтського JavaScript;
- оптимізація шрифтів;
- оптимізація зображень;
- lazy loading для некритичних блоків;
- усунення render-blocking ресурсів;
- оптимізація layout shift;
- перевірка та оптимізація third-party scripts;
- налаштування CDN/кешування, якщо застосовується;
- покращення мобільної продуктивності.
2. Точкова оптимізація шаблонів
Після глобальних змін необхідно окремо опрацювати основні типи сторінок:
- Головна сторінка
Головна сторінка звіт - Сторінка категорії записів
Категорія записів звіт - Сторінка запису
Сторінка запису звіт - Сторінка огляду
Сторінка огляду звіт
Для кожного типу сторінок потрібно проаналізувати причини поганих метрик та виконати окрему оптимізацію під конкретний шаблон.
Цільові метрики
Після завершення робіт сторінки повинні перейти в зелену зону PageSpeed Insights:
- Performance: бажано 90+
- LCP: у межах зеленої зони
- FCP: у межах зеленої зони
- TTFB: суттєво знижений
- CLS: у межах норми
- INP/TBT: у межах норми
Перевірка повинна виконуватись окремо для:
Результати також мають бути співставними з тестами у WebPageTest та GTmetrix.
Очікуваний результат
У результаті проєкт повинен отримати:
- значно швидше завантаження сторінок;
- покращені показники LCP, FCP, TTFB та загальної продуктивності;
- оптимізовані мобільну та десктопну версії;
- стабільні результати в PageSpeed Insights, WebPageTest та GTmetrix;
- масштабовану оптимізацію, яка впливає не на одну сторінку, а на всі основні шаблони сайту.