1. Czysty output to podstawa
Astro generuje czysty HTML bez narzutu runtime. To najszybsza droga do lepszego FCP i LCP.
Minimalizuj JavaScript, unikaj dużych bundli i zostaw interaktywność tylko tam, gdzie ma znaczenie.
2. Optymalizacja mediów
Używaj nowoczesnych formatów (AVIF, WebP) i właściwych rozmiarów. Każdy dodatkowy kilobajt spowalnia ładowanie.
- Dopasuj obrazy hero do rzeczywistych wymiarów wyświetlania.
- Stosuj lazy loading dla wszystkiego poniżej pierwszego ekranu.
- Ładuj fonty raz i używaj
display=swap.
3. Mierz i iteruj
Lighthouse to punkt odniesienia, ale liczą się dane od prawdziwych użytkowników. Monitoruj Core Web Vitals i optymalizuj stopniowo.
