Необходимо выполнить комплексную оптимизацию производительности SSR-сайта на Next.js с использованием headless CMS Strapi. Текущая проблема — неудовлетворительные показатели скорости загрузки, включая высокие LCP, FCP и TTFB, особенно на мобильных устройствах.
Это не типичный проект на Wordpress и не задача уровня “установить WP Rocket”. Проект требует глубокого понимания архитектуры Next.js SSR, headless CMS, вебпроизводительности, фронтенд-оптимизации и современного вебдизайна. Нужна именно ручная техническая оптимизация с анализом рендеринга, работы шаблонов, загрузки ресурсов и взаимодействия с 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;
- масштабируемую оптимизацию, которая влияет не на одну страницу, а на все основные шаблоны сайта.