Optymalizacja

Co to jest preload i preconnect

Wskazówki (resource hints), które każą przeglądarce wcześniej pobrać kluczowy zasób lub nawiązać połączenie.

Aktualizacja: 26 lipca 2026

Krótka odpowiedź

preload i preconnect to tzw. resource hints — wskazówki w sekcji head, które przyspieszają ładowanie. preload każe przeglądarce pobrać konkretny, ważny zasób (np. obraz LCP albo czcionkę) jak najwcześniej. preconnect każe wcześniej nawiązać połączenie z innym serwerem (np. CDN czy Google Fonts), żeby późniejsze pobranie ruszyło od razu.

Kluczowe fakty

Typ	Resource hints (wskazówki w head)
preload	Pobierz ważny zasób wcześniej
preconnect	Nawiąż połączenie z innym serwerem wcześniej
Typowe użycie	Obraz LCP, czcionki, domeny CDN
Wpływ na metryki	LCP, FCP

Co to jest preload i preconnect?

preload i preconnect to resource hints — wskazówki w sekcji head, które mówią przeglądarce, co przygotować z wyprzedzeniem. preload pobiera ważny zasób wcześniej, preconnect wcześniej otwiera połączenie z zewnętrznym serwerem.

Kiedy ich używać?

preload dla obrazu LCP i krytycznych czcionek; preconnect dla domen CDN i dostawców czcionek. Używaj oszczędnie — kilka najważniejszych zasobów. To uzupełnienie eliminacji zasobów blokujących.

Najczęstsze pytania

Czym preload różni się od preconnect?

preload pobiera KONKRETNY plik wcześniej (znasz jego URL). preconnect tylko nawiązuje POŁĄCZENIE z serwerem, nie pobierając jeszcze pliku — przydatne, gdy wiesz, że zaraz coś stamtąd pobierzesz, ale nie znasz jeszcze dokładnego adresu. Często stosuje się je razem.

Czy można przesadzić z preload?

Tak. Preload zbyt wielu zasobów odbiera pasmo tym naprawdę krytycznym i może pogorszyć LCP. Preload rezerwuj dla 1–3 najważniejszych zasobów nad zgięciem (obraz LCP, kluczowa czcionka). Reszta niech ładuje się normalnie.

Sprawdź swoją stronę

Wpisz adres swojej strony, w 30 sekund zobaczysz konkretną listę problemów do naprawy — wraz z wpływem na sprzedaż, SEO i koszty reklam.

Zacznij test →