Wymagana jest kompleksowa optymalizacja wydajności strony SSR na Next.js z wykorzystaniem headless CMS Strapi. Obecny problem to niezadowalające wskaźniki szybkości ładowania, w tym wysokie LCP, FCP oraz TTFB, szczególnie na urządzeniach mobilnych.
To nie jest typowy projekt na Wordpress i nie zadanie na poziomie "zainstalować WP Rocket". Projekt wymaga głębokiego zrozumienia architektury Next.js SSR, headless CMS, wydajności webowej, optymalizacji frontendowej oraz nowoczesnego webdesignu. Potrzebna jest ręczna optymalizacja techniczna z analizą renderowania, pracy szablonów, ładowania zasobów i interakcji z API. Proszę przesyłać oferty wraz z przykładami podobnych prac. Rozpatrywane będą tylko rzeczywiste przypadki z headless CMS oraz projektami SSR.
Celem projektu jest wprowadzenie kluczowych szablonów strony do zielonej strefy PageSpeed Insights dla wersji mobilnej i desktopowej. Wyniki muszą być porównywalne z pomiarami w:
- PageSpeed Insights
- WebPageTest
- GTmetrix
Podstawowe zadania
Potrzebna jest nie punktowa kosmetyczna poprawka, a pełnoprawna ręczna optymalizacja projektu na poziomie architektury, renderowania SSR, frontendu, ładowania zasobów oraz pracy z danymi ze Strapi.
Optymalizacja powinna obejmować dwa poziomy prac:
1. Globalna optymalizacja
Wymagana jest wprowadzenie systemowych zmian, które pozytywnie wpłyną na wszystkie szablony strony:
- optymalizacja SSR i zmniejszenie TTFB;
- audyty i optymalizacja zapytań do Strapi;
- wprowadzenie lub konfiguracja cache;
- optymalizacja krytycznego CSS i JS;
- zmniejszenie objętości klienta JavaScript;
- optymalizacja czcionek;
- optymalizacja obrazów;
- lazy loading dla niekrytycznych bloków;
- usunięcie zasobów blokujących renderowanie;
- optymalizacja przesunięcia układu;
- sprawdzenie i optymalizacja skryptów zewnętrznych;
- konfiguracja CDN/cache, jeśli dotyczy;
- poprawa wydajności mobilnej.
2. Punktowa optymalizacja szablonów
Po globalnych zmianach należy osobno opracować główne typy stron:
- Strona główna
Raport strony głównej - Strona kategorii wpisów
Raport kategorii wpisów - Strona wpisu
Raport strony wpisu - Strona przeglądu
Raport strony przeglądu
Dla każdego typu stron należy przeanalizować przyczyny złych metryk i wykonać osobną optymalizację pod konkretny szablon.
Docelowe metryki
Po zakończeniu prac strony powinny przejść do zielonej strefy PageSpeed Insights:
- Wydajność: pożądane 90+
- LCP: w granicach zielonej strefy
- FCP: w granicach zielonej strefy
- TTFB: znacznie obniżony
- CLS: w granicach normy
- INP/TBT: w granicach normy
Sprawdzenie powinno być przeprowadzane osobno dla:
Wyniki muszą być również porównywalne z testami w WebPageTest i GTmetrix.
Oczekiwany rezultat
W wyniku projektu powinno się uzyskać:
- znacznie szybsze ładowanie stron;
- ulepszone wskaźniki LCP, FCP, TTFB oraz ogólnej wydajności;
- optymalizowane wersje mobilne i desktopowe;
- stabilne wyniki w PageSpeed Insights, WebPageTest oraz GTmetrix;
- skalowalną optymalizację, która wpływa nie na jedną stronę, ale na wszystkie główne szablony strony.