Czym są wskazówki klienta HTTP?

HTTP Client Hints (podpowiedzi klienta) - to mechanizm przeglądarki internetowej, który przekazuje serwerowi informacje o możliwościach i ograniczeniach klienta, który wysyła żądanie do zasobu internetowego Te podpowiedzi mogą obejmować takie dane, jak parametry przeglądarki (rozmiar), rozmiar ekranu, liczba punktów na cal (DPI) oraz inne cechy urządzenia. Pomagają one serwerom internetowym optymalizować treści dla konkretnego klienta, co poprawia szybkość ładowania i interakcji z stroną internetową. Podpowiedzi klienta są przekazywane za pomocą odpowiednich nagłówków HTTP, takich jak Accept-CH, które pozwalają serwerowi dostosować odpowiedź do potrzeb i możliwości konkretnego klienta.

Załóżmy, że strona internetowa ma różne wersje obrazów dla różnych ekranów (o różnej rozdzielczości). Użycie nagłówka Accept-CH może pomóc serwerowi wysłać zoptymalizowane wersje obrazów w zależności od możliwości klienta. Klient wysyła żądanie do serwera:

GET /image/example.jpg HTTP/1.1
Host: www.example.com
Accept-CH: DPR, Width, Viewport-Width

Dalej serwer otrzymuje żądanie i sprawdza nagłówek Accept-CH. Nagłówek Accept-CH wskazuje, że klient obsługuje nagłówki DPR (Device Pixel Ratio), Width (szerokość ekranu) oraz Viewport-Width (szerokość widocznej części ekranu). Dalej serwer wysyła zoptymalizowaną odpowiedź. Na podstawie informacji z nagłówka Accept-CH serwer wybiera optymalną wersję obrazu do wyświetlenia na urządzeniu klienta. Na przykład, jeśli klient ma wysoki DPR (np. ekran Retina), serwer może wysłać obraz wysokiej jakości o wysokiej rozdzielczości. Jeśli klient ma starszy ekran, serwer może wysłać obraz o niższej rozdzielczości, aby zaoszczędzić przepustowość i czas ładowania.

Czas życia podpowiedzi określa okres, w którym powinny one (Client Hints) pozostawać aktywne i dostępne dla serwera. To ważny aspekt zarządzania i optymalizacji transferu danych między klientem a serwerem.

Czas życia podpowiedzi określany jest przez nagłówek Accept-CH-Lifetime, który jest przekazywany razem z podpowiedziami klienta. Ten nagłówek informuje serwer, przez jaki czas można uznawać podpowiedzi za ważne i wykorzystywać je do optymalizacji odpowiedzi.

Poprawne ustawienie czasu życia podpowiedzi pozwala efektywnie zarządzać zasobami serwera i sieci, zapewniając odpowiednią aktualność i wiarygodność przesyłanych danych.

Na przykład, w nagłówku Accept-CH-Lifetime może być podana wartość "604800" (w sekundach), co odpowiada jednemu tygodniowi. Oznacza to, że podpowiedzi klienta powinny pozostawać aktywne przez ten okres.

Niska entropia wskazuje na sytuację, w której cechy klienta mają ograniczoną różnorodność lub niską złożoność. Może to wynikać z różnych przyczyn, takich jak ograniczona funkcjonalność urządzenia, ograniczenia sieciowe lub niska jakość połączenia. Podpowiedzi z niską entropią mogą obejmować wartości, które znacząco się nie zmieniają lub nie mają dużego zakresu możliwych wariantów. Na przykład, niska rozdzielczość ekranu, ograniczona prędkość sieci lub ograniczenia obsługiwanych formatów treści. Kiedy serwer otrzymuje podpowiedzi z niską entropią, może uwzględnić te informacje przy optymalizacji odpowiedzi dla klienta. Na przykład, zmniejszenie jakości obrazów dla urządzeń z niską rozdzielczością ekranu lub użycie mniej obszernych formatów treści dla urządzeń z ograniczonym dostępem do sieci. Zrozumienie podpowiedzi z niską entropią pomaga serwerom efektywnie zarządzać zasobami i zapewniać optymalną interakcję z klientami. Pozwala to zmniejszyć obciążenie serwera i zapewnić lepszą wydajność aplikacji internetowych dla wszystkich użytkowników, niezależnie od cech ich urządzeń i warunków sieciowych.

Niska entropia podpowiedzi jest ważna dla zrozumienia możliwości i ograniczeń klientów i pozwala efektywnie optymalizować odpowiedzi serwera dla każdego konkretnego użytkownika.

Przykładem może być ograniczenie formatów treści, które obsługuje klient. Na przykład, jeśli klient może przetwarzać tylko podstawowy HTML z obrazami w formacie JPEG, ogranicza to różnorodność możliwych formatów treści (ma niską entropię w tym kontekście).

Krytyczne podpowiedzi klienta to podzbiór Client Hints, które mają szczególne znaczenie dla optymalizacji wyświetlania treści na stronie w celu poprawy szybkości ładowania i doświadczeń użytkowników.

Te podpowiedzi są określane jako krytyczne na podstawie ich wpływu na proces wyświetlania strony i ich potencjalnego wpływu na szybkość ładowania. Mogą one również obejmować takie parametry, jak szerokość ekranu, rozdzielczość, DPI (punkty na cal), skalowanie i inne.

Użycie krytycznych podpowiedzi klienta pozwala serwerowi przekazywać klientowi tylko niezbędne treści do pierwszego wyświetlenia strony, co skraca czas ładowania. Jest to szczególnie przydatne dla urządzeń z ograniczonymi zasobami lub w warunkach sieciowych o niskiej przepustowości.

Nagłówek Sec-CH-UA-* wskazuje na krytyczne podpowiedzi klienta i dostarcza serwerowi informacje na ich temat, co pozwala serwerowi optymalizować odpowiedzi dla każdego konkretnego klienta. Sec-CH-UA-* (Security Critical User-Agent Header). Nagłówek, który pozwala klientowi przekazać serwerowi krytyczne podpowiedzi dotyczące cech urządzenia i przeglądarki. Przykład użycia tego nagłówka:

GET /example-resource HTTP/1.1
Host: tseivo.com
Sec-CH-UA: "Chromium";v="88", "Google Chrome";v="88"
Sec-CH-UA-Mobile: ?0
Sec-CH-UA-Full-Version: "88.0.4324.182"

Sec-CH-UA przekazuje informacje o przeglądarce, w tym przypadku to "Chromium" i "Google Chrome" w wersji "88".

Sec-CH-UA-Mobile wskazuje, czy przeglądarka jest mobilna (?0 oznacza "nie").

Sec-CH-UA-Full-Version przekazuje pełną wersję przeglądarki.

Te informacje pozwalają serwerowi dostosować treści do konkretnego klienta. Jeszcze przykład krytycznych podpowiedzi klienta:

HTTP/1.1 200 OK
Content-Type: text/html
Accept-CH: Sec-CH-Prefers-Reduced-Motion
Vary: Sec-CH-Prefers-Reduced-Motion
Critical-CH: Sec-CH-Prefers-Reduced-Motion

Accept-CH przekazuje serwerowi informacje o tym, jakie podpowiedzi klienta obsługuje przeglądarka klienta. W tym przypadku przeglądarka wskazuje, że preferuje zmniejszony ruch (Sec-CH-Prefers-Reduced-Motion). Vary wskazuje, że odpowiedź serwera może się zmieniać w zależności od wartości Sec-CH-Prefers-Reduced-Motion. To pozwala zapewnić cache różnych wersji odpowiedzi.

Critical-CH nagłówek wskazuje, że Sec-CH-Prefers-Reduced-Motion jest krytyczną podpowiedzią do optymalizacji wyświetlania strony. Oznacza to, że serwer musi uwzględnić te informacje przy udzielaniu odpowiedzi.