103 Early Hints to informacyjny kod odpowiedzi HTTP, który serwer wysyła do przeglądarki jeszcze przed finalną odpowiedzią (np. 200 OK), aby wskazać zasoby wartościowe do wcześniejszego pobrania. Pozwala rozpocząć ładowanie plików CSS, JavaScript czy fontów w czasie, gdy backend wciąż generuje właściwą stronę. Efektem jest szybsze renderowanie strony i lepsze wyniki w metrykach wydajnościowych.
Standard opisany jest w dokumencie RFC 8297 z 2017 roku, a praktyczne wsparcie w przeglądarkach (Chrome od wersji 103) i na serwerach pojawiło się na szerszą skalę dopiero w 2022 roku. Dziś to jedno z narzędzi optymalizacji szybkości, które warto rozważyć przy stronach z dłuższym czasem odpowiedzi serwera.
Jak 103 Early Hints działa w praktyce
Kod 103 działa jak zapowiedź: serwer, zanim przygotuje pełną odpowiedź HTML, wysyła wstępny komunikat z nagłówkami Link wskazującymi zasoby do wczesnego pobrania. Przeglądarka może wtedy równolegle nawiązać połączenia i pobrać istotne pliki, zamiast czekać na zakończenie pracy backendu.
Przebieg pojedynczego żądania
W klasycznym scenariuszu przeglądarka wysyła żądanie, a następnie czeka bezczynnie przez cały czas przetwarzania po stronie serwera (tzw. TTFB — Time To First Byte). Przy Early Hints ten „martwy” czas zostaje zagospodarowany. Wygląda to mniej więcej tak:
- Przeglądarka wysyła żądanie strony.
- Serwer natychmiast odsyła odpowiedź
103 Early Hintsz nagłówkamiLink: </style.css>; rel=preload; as=style. - Przeglądarka rozpoczyna pobieranie wskazanych zasobów.
- Backend kończy generowanie strony i wysyła finalny
200 OKz pełnym HTML.
Gdy właściwa odpowiedź dociera do przeglądarki, część zasobów jest już pobrana lub w trakcie pobierania — dzięki temu strona renderuje się zauważalnie szybciej.
Kiedy 103 przynosi realny zysk
Największe korzyści z Early Hints widać przy stronach o wysokim czasie odpowiedzi serwera, gdzie TTFB przekracza 300–500 ms. Jeśli backend potrzebuje sekundy na wygenerowanie HTML, przeglądarka może w tym czasie ściągnąć krytyczny CSS i fonty, skracając realny czas pojawienia się treści na ekranie.
Na prostych, statycznych stronach z natychmiastową odpowiedzią serwera zysk będzie marginalny — nie ma tam „martwego” czasu do wykorzystania. Dlatego przed wdrożeniem warto zmierzyć TTFB i sprawdzić, czy w ogóle jest co optymalizować.
| Element | Bez 103 Early Hints | Z 103 Early Hints |
|---|---|---|
| Start pobierania CSS/JS | po otrzymaniu HTML (200 OK) | w trakcie generowania HTML |
| Wykorzystanie czasu TTFB | przeglądarka czeka bezczynnie | przeglądarka pobiera zasoby |
| Wpływ na LCP | brak | potencjalna poprawa |
Znaczenie dla SEO i widoczności
103 Early Hints wpływa na SEO pośrednio, poprzez poprawę Core Web Vitals — zwłaszcza metryki LCP (Largest Contentful Paint), która ocenia moment załadowania głównego elementu widoku. Szybsze pobranie krytycznego CSS i fontów przekłada się na wcześniejsze wyrenderowanie treści, a to jeden z sygnałów jakości strony branych pod uwagę przez algorytmy Google.
Warto pamiętać, że wydajność to czynnik wspierający, a nie decydujący o pozycji. Sam kod 103 nie „podniesie” rankingów, ale w połączeniu z dobrym contentem i poprawną strukturą staje się elementem przewagi. W naszej codziennej pracy przy pozycjonowaniu stron traktujemy optymalizację czasu ładowania jako fundament, na którym budujemy resztę działań.
Google oficjalnie potwierdziło wsparcie Early Hints dla swojego robota renderującego, co oznacza, że ten mechanizm może przyspieszyć również proces crawlowania i renderowania strony przez wyszukiwarkę. W praktyce liczy się to szczególnie dla rozbudowanych serwisów i sklepów z tysiącami podstron.
FAQ
Czym różni się 103 Early Hints od preload?
Preload to dyrektywa rel=preload umieszczana w kodzie HTML, którą przeglądarka odczytuje dopiero po otrzymaniu odpowiedzi serwera. 103 Early Hints dostarcza te same wskazówki, ale wcześniej — jeszcze przed wygenerowaniem HTML, dzięki czemu pobieranie zasobów startuje szybciej. W praktyce Early Hints to sposób na wysłanie preloadu z wyprzedzeniem.
Czy wszystkie przeglądarki obsługują 103?
Wsparcie oferują Chrome (od wersji 103), Edge oraz przeglądarki oparte na silniku Chromium. Firefox i Safari na chwilę obecną mają ograniczone lub brakujące wsparcie. Kod 103 jest jednak bezpieczny — przeglądarki, które go nie rozumieją, po prostu go ignorują i ładują stronę standardowo.
Jak sprawdzić, czy mój serwer wysyła 103 Early Hints?
Najprościej użyć narzędzi deweloperskich w Chrome (zakładka Network) lub poleceń typu curl -I --http2, choć nie wszystkie klienty pokazują odpowiedzi informacyjne. Wsparcie zależy od serwera i konfiguracji CDN — Cloudflare, Fastly czy nowsze wersje serwerów aplikacyjnych oferują tę funkcję, często jako opcję do włączenia.
Kiedy nie warto wdrażać Early Hints?
Nie warto, jeśli TTFB strony jest bardzo niski (poniżej 100–150 ms) lub gdy serwer generuje odpowiedź niemal natychmiast — nie ma wtedy czasu do zagospodarowania. Wdrożenie na siłę może też skomplikować konfigurację bez realnego zysku, dlatego decyzję zawsze poprzedza pomiar rzeczywistej wydajności.
Szybciej znaczy lepiej — również dla Google
103 Early Hints to konkretne narzędzie dla stron zmagających się z wolnym backendem, które potrafi wygładzić odczuwalny czas ładowania bez przebudowy całej aplikacji. Jeśli chcesz sprawdzić, gdzie Twoja witryna traci sekundy i jak je odzyskać, warto zacząć od solidnego audytu SEO, a przy większych serwisach — od optymalizacji pod kątem pozycjonowania sklepów internetowych. W Webiti łączymy analizę techniczną z realnymi wskazówkami wdrożeniowymi.
