SEOMaster
preload / preconnect / prefetch
Wskazówki wczesnego pobierania.
Co to jest preload / preconnect / prefetch?
preload, preconnect i prefetch to wskazówki dla przeglądarki, by przygotowała się wcześniej. preload mówi „pobierz ten zasób priorytetowo” (np. kluczowy font albo obraz LCP), preconnect „połącz się zawczasu z tą domeną” (np. CDN), a prefetch „pobierz to na zapas, bo pewnie będzie potrzebne”.
Dobrze użyte skracają ścieżkę krytyczną i przyspieszają to, co najważniejsze; nadużyte — konkurują o pasmo i szkodzą.
Dlaczego to ważne dla SEO
Wczesne pobranie kluczowego zasobu (np. fontu czy obrazu LCP) potrafi zauważalnie poprawić wydajność. Precyzyjne narzędzie, nie do stosowania wszędzie.
Jak to sprawdzić
Sprawdź w <head> obecność <link rel="preload/preconnect">. Zweryfikuj w Network, czy faktycznie przyspieszają krytyczne zasoby.
Częste błędy
- preload zbyt wielu zasobów (konkurencja o pasmo)
- preload zasobu, który i tak nie jest krytyczny
- Brak atrybutu as / typu przy preload fontu
Przykład
<link rel="preload" as="font" href="x.woff2" crossorigin>