Above the fold to część strony widoczna na ekranie bez przewijania, zaraz po jej otwarciu. Nazwa pochodzi od gazet, w których ważne informacje drukowano nad zagięciem papieru.
Co umieszczać nad linią zagięcia?
Najważniejsze informacje: nagłówek wyjaśniający ofertę, kluczowy komunikat, główne CTA i element budujący zaufanie. Użytkownik w kilka sekund ocenia, czy strona jest dla niego.
Czy użytkownicy przewijają stronę?
Tak. Badania pokazują, że ludzie przewijają, jeśli widzą powód, by czytać dalej. Ważne jest więc, by pierwszy ekran zachęcał do dalszego zapoznawania się z treścią.
Above the fold a SEO i wydajność
Ta część strony ma największy wpływ na LCP i pierwsze wrażenie. Wczytuj ją w pierwszej kolejności, np. z krytycznym CSS, a zasoby poniżej zagięcia ładuj później (lazy loading).
Pojęcie pochodzi z gazet, w których najważniejszy nagłówek drukowano w górnej połowie złożonej strony. Na stronach WWW „zagięcie” zależy od urządzenia, więc nie ma jednej wysokości. Najważniejsze jest to, by pierwszy widok jasno mówił, czym jest strona, i zachęcał do przewijania.