Wprowadzenie Signed Exchange dla witryn na komputery

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchange (SXG) to mechanizm przesyłania, który może przyspieszyć działanie witryny i ulepszyć największe wyrenderowanie treści (LCP), umożliwiając chroniące prywatność pobieranie z innych domen. Na I/O 2022 grupa robocza SXG w Google zaprezentowała plany dodawania nowych funkcji SXG i nawigacji w witrynach pomocy na dodatkowych platformach. Dzisiaj ogłaszamy wprowadzenie pierwszego zestawu tych funkcji, a w najbliższych miesiącach dodamy kolejne:

  • Obsługa nawigacji w witrynie na komputery
  • Obsługa wyszukiwarki Google dotycząca treści SXG w sekcji Najważniejsze artykuły i Wiadomości
  • Obsługa personalizacji po stronie serwera

Czytaj dalej, aby dowiedzieć się więcej o tych funkcjach i o tym, jak możesz je wykorzystać do poprawy komfortu użytkowników Twojej witryny.

Obsługa nawigacji na komputerze

W tej wersji usługi Signed Exchange będą teraz dostępne w przypadku nawigacji między domenami na komputerach w przeglądarkach Chromium. Jest to uzupełnienie dotychczasowej obsługi urządzeń mobilnych z Androidem i oznacza, że teraz możesz używać SXG do buforowania i wstępnego pobierania wersji witryny na komputer.

Szacujemy1, że ta wersja pozwoli na średnio podwojenie zasięgu SXG wizyt w Twojej witrynie, co pozwoli poprawić wczytywanie i wydajność większej liczbie użytkowników. Dzisiaj w przypadku nawigacji w wyszukiwarce Google ta poprawa szybkości wynosi obecnie średnio 300–400 ms zmniejszenia LCP.

Jak możesz wykorzystać tę funkcję

Włączenie technologii Signed Exchange dla komputerowej wersji witryny nie wymaga żadnych dodatkowych czynności z Twojej strony. Ta funkcja jest już obsługiwana zarówno w łatwym w użyciu narzędziu do automatycznej wymiany danych Cloudflare, jak i w zestawie narzędzi open source SXG.

Obecni użytkownicy SXG na urządzeniach mobilnych: SXG zacznie automatycznie stosować się do nawigacji na komputerze.
Nowi użytkownicy: Po włączeniu SXG będzie domyślnie dostępne zarówno w nawigacji na komputerze, jak i na urządzeniach mobilnych z Androidem. Przeczytaj posta na blogu na temat SXG, aby dowiedzieć się, jak włączyć go w swojej witrynie.

Jeśli chcesz używać meta tagu obsługiwanego nośnika, możesz z tego zrezygnować. Więcej informacji znajdziesz tutaj.

Więcej informacji o wpływie Signed Exchange

Kilka globalnych marek i stron skorzystało już z technologii Signed Exchange. Przyjrzyjmy się kilku przykładom osób, które obecnie korzystają z SXG na urządzeniach mobilnych z Androidem:

Wiodąca sieć dystrybucji treści (CDN) Cloudflare przeprowadziła eksperyment, aby zmierzyć wpływ Signed Exchange na swoich klientów na 500 przetestowanych witrynach:

  • 85% firm odnotowało wzrost LCP.
  • 98% zaobserwowane skrócenie czasu do pierwszego bajtu (TTFB).
  • Mediana poprawy tych danych o 20%.

Dobrze znany system zarządzania treścią (CMS) RebelMouse odnotował wzrost wyników biznesowych i skuteczności, w tym:

  • Poprawa LCP o 41% w przypadku Narcity.
  • Wzrost liczby sesji na użytkownika o 27% w przypadku Paper Magazine.
  • Skrócenie czasu wczytywania bloga MTL o 21%.

Obsługa wyszukiwarki Google dotycząca najważniejszych artykułów i wiadomości

Wyszukiwarka Google wczesnej wersji wdrożyła funkcję Signed Exchange z wyprzedzeniem do pobierania danych z innych domen, która do tej pory była dostępna w wynikach wyszukiwania z wyników wyszukiwania, i była do tej pory dostępna. W lipcu 2022 r. wyszukiwarka wzbogaca tę funkcję o elementy nawigacyjne z sekcji Najważniejsze artykuły i Wiadomości. SXG nie wpływa na kryteria rankingu ani wyboru w wyszukiwarce Google, ale może poprawić podstawowe wskaźniki internetowe witryny, w szczególności LCP.

Nie musisz wykonywać żadnych dodatkowych czynności, aby włączyć tę funkcję. Będzie ona automatycznie dostępna zarówno dla dotychczasowych, jak i nowych użytkowników.

Zrzut ekranu widżetu Najważniejsze artykuły i Wiadomości w wyszukiwarce Google dla wyszukiwanego hasła „wiadomości o grach”.

Obsługa personalizacji po stronie serwera

Signed Exchange korzysta z pamięci podręcznej do wstępnego pobierania i udostępniania treści podpisanych kryptograficznie przez źródło. Treść przechowywana w pamięci podręcznej może być wysyłana do wielu różnych użytkowników lub do tego samego użytkownika wielokrotnie. W przeszłości oznaczało to, że usługa SXG nie była zgodna z witrynami korzystającymi z personalizacji po stronie serwera, czyli innym kodem HTML dla zalogowanych użytkowników.

Dzisiaj wprowadzamy dynamiczny SXG – nową funkcję, która umożliwia selektywne włączanie SXG w przypadku wizyt użytkowników, którzy nie korzystają z plików cookie, tylko w Chromium. Po zalogowaniu się nawigacją po stronie serwera z personalizacją po stronie serwera nadal będą wyświetlać się w Twojej witrynie wersje inne niż SXG.

Jest to szczególnie ważne w przypadku witryn, które dynamicznie obliczają unikalne strony internetowe dla każdego zalogowanego użytkownika, przez co często mają wyższe wartości TTFB i LCP pochodzące z wyszukiwania w bazie danych. Dynamic SXG daje Ci możliwość i elastyczność wykorzystania SXG w celu zwiększenia liczby wizyt określonych użytkowników w Twojej witrynie bez wpływu na możliwość personalizowania treści dla innych.

Jak włączyć tę funkcję

Włączenie dynamicznego SXG wymaga dodania adnotacji Vary: Cookie do nagłówka HTTP stron, które zawierają personalizację po stronie serwera. Oto kilka przykładów, jak to zrobić w zależności od serwera:

Pamiętaj, że Signed Exchange nadal działa ze wszystkimi personalizacją po stronie klienta używaną do wczytywania takich elementów, jak widżet logowania, koszyk na zakupy czy spersonalizowany kanał wiadomości.

Co dalej

Grupa robocza SXG w Google nadal inwestuje w dodawanie nowych funkcji, możliwości i platform do Signed Exchange, na podstawie zainteresowań i opinii społeczności. W najbliższych miesiącach planujemy udostępnienie kolejnych ciekawych funkcji. Więcej informacji znajdziesz na blogu dla deweloperów Chrome.

Przypisy

[1]: To oszacowanie oparte na danych historycznych dotyczących wizyt Signed Exchange w przeglądarkach Chromium na urządzeniach mobilnych. Rzeczywiste wartości prawdopodobnie będą się różnić w zależności od witryny.