Wprowadzenie Signed Exchange dla witryn na komputery

Sid Lall
Sid Lall
Devin Mullins
Devin Mullins

Signed Exchange (SXG) to mechanizm dostarczania, który może przyspieszyć działanie witryny i poprawić największe wyrenderowanie treści (LCP) dzięki umożliwieniu pobierania z wyprzedzeniem z zachowowaniem prywatności w różnych domenach. Na konferencji I/O 2022 grupa robocza Google ds. SXG zaprezentowała plany dotyczące dodania nowych funkcji SXG i obsługi nawigacji po stronie na dodatkowych platformach. Dzisiaj ogłaszamy pierwszą grupę tych funkcji, a w ciągu najbliższych kilku miesięcy udostępnimy więcej:

  • Obsługa nawigacji w witrynie na komputerze
  • Obsługa SXG w wyszukiwarce Google w ramach Najważniejszych artykułów 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ć, aby poprawić wrażenia użytkowników Twojej witryny.

Obsługa nawigacji na komputerze

W tej wersji podpisane wymiany będą dostępne w przeglądarkach Chromium na komputerach w przypadku nawigacji między domenami. Rozwiązanie to opiera się na dotychczasowym wsparciu dla urządzeń mobilnych z Androidem i oznacza, że teraz możesz używać SXG do buforowania i pobierania z wyprzedzeniem wersji na komputery.

Szacujemy, że1 ta wersja podwoi średnio zasięg SXG w przypadku wizyt w Twojej witrynie, co pozwoli na szybsze wczytywanie i większą wydajność dla większej liczby użytkowników. Obecnie na urządzeniach mobilnych ta poprawa szybkości to średnio od 300 do 400 ms krótszy czas ładowania LCP w przypadku nawigacji z wyszukiwarki Google.

Jak korzystać z tej funkcji

Włączenie podpisanych wymian dla wersji witryny na komputery nie wymaga od Ciebie żadnych dodatkowych działań. Ta funkcja jest już obsługiwana w łatwym w użyciu narzędziu Cloudflare do automatycznych wymian podpisanych oraz w narzędziu SXG na licencji open source.

Użytkownicy SXG na urządzeniach mobilnych: SXG zacznie automatycznie stosować się do nawigacji na komputerze.
Nowi użytkownicy: Po włączeniu SXG jest domyślnie dostępna zarówno na komputerach, jak i urządzeniach mobilnych z Androidem. Aby dowiedzieć się, jak włączyć tę funkcję w swojej witrynie, przeczytaj ten post na blogu.

Możesz zrezygnować z tego, używając metatagu obsługiwanych mediów. Więcej informacji znajdziesz tutaj.

Więcej informacji o wpływie umów typu Signed Exchange

Kilka globalnych marek i witryn korzysta już z usług Signed Exchange. Przyjrzyjmy się kilku przykładom zastosowania SXG na urządzeniach mobilnych z Androidem:

Cloudflare, wiodąca sieć dystrybucji treści (CDN), przeprowadziła eksperyment, aby zmierzyć wpływ podpisanych wymian dla swoich klientów na 500 testowanych witryn:

  • 85% użytkowników odnotowało poprawę wyniku LCP.
  • 98% krótszy czas do pierwszego bajtu (TTFB).
  • Mediana 20% wzrostu tych danych.

RebelMouse, znany system zarządzania treścią (CMS), odnotował u swoich klientów poprawę wyników biznesowych i wskaźników skuteczności, m.in.:

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

Wsparcie wyszukiwarki Google w przypadku najważniejszych artykułów i wiadomości

Wyszukiwarka Google jest jednym z pierwszych usług, które korzystają z zachowującej prywatność metody pobierania z wyprzedzeniem w witrynach innych dostawców, która do tej pory była dostępna w przypadku nawigacji po witrynach z wyników wyszukiwania. Od lipca 2022 r. wyszukiwarka będzie obsługiwać również nawigację z sekcji Najważniejsze artykuły i Wiadomości. Pamiętaj, że chociaż SXG nie wpływa na ranking ani kryteria wyboru w wyszukiwarce Google, może poprawić wskaźniki Core Web Vitals, zwłaszcza LCP, w Twojej witrynie.

Aby włączyć tę funkcję, nie musisz nic robić. Będzie ona automatycznie dostępna zarówno dla obecnych, jak i nowych użytkowników.

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

Obsługa personalizacji po stronie serwera

Wymiana podpisana używa pamięci podręcznej do pobierania z wyprzedzeniem i przekazywania treści, które zostały kryptograficznie podpisane przez źródło. Treści z pamięci podręcznej mogą być wysyłane do wielu różnych użytkowników lub wielokrotnie do tego samego użytkownika. Wcześniej oznaczało to, że SXG nie był zgodny z witrynami, które korzystają z personalizacji po stronie serwera, czyli z różnych wersji kodu HTML dla zalogowanych użytkowników.

Dziś dodajemy dynamiczne SXG – nową funkcję, która umożliwia selektywne włączanie SXG w przypadku wizyt użytkowników bez plików cookie tylko w Chromium. Nawigacja dla zalogowanych użytkowników z personalizacją po stronie serwera będzie nadal wyświetlać wersje witryny inne niż SXG.

Ma to szczególne znaczenie w przypadku witryn, które dynamicznie obliczają unikalną stronę internetową dla każdego zalogowanego użytkownika, a więc często mają wyższy TTFB i LCP wynikający z wyszukiwania w bazie danych. Dynamiczny SXG daje Ci opcję i elastyczność korzystania z SXG w celu przyspieszania wizyt w Twojej witrynie przez określonych użytkowników bez wpływu na możliwość zapewniania spersonalizowanych wrażeń innym użytkownikom.

Jak włączyć tę funkcję

Aby włączyć dynamiczne SXG, musisz dodać adnotację Vary: Cookie do nagłówka HTTP stron, które zawierają personalizację po stronie serwera. Oto kilka przykładów sposobów wykonania tej czynności w zależności od serwera:

  • Apache: Header add Vary Cookie
  • nginx: add_header Vary Cookie
  • Express: res.append('Vary', 'Cookie')

Pamiętaj, że wymiany podpisane są nadal zgodne z dowolną personalizacją po stronie klienta, której używasz do wczytywania elementów takich jak widżet logowania, koszyk zakupów czy spersonalizowany kanał wiadomości.

Co dalej?

Grupa robocza SXG w Google nadal inwestuje w dodawanie nowych funkcji i możliwości do interfejsów Signed Exchanges, kierując się zainteresowaniami i opiniami społeczności. W najbliższych miesiącach planujemy wprowadzić kilka ciekawych funkcji. Więcej informacji znajdziesz na blogu dla deweloperów Chrome.

Przypisy

[1]: Jest to szacunek na podstawie danych historycznych dotyczących wizyt w ramach podpisanych wymian w przeglądarkach Chromium na urządzeniach mobilnych. Rzeczywiste liczby będą się prawdopodobnie różnić w zależności od witryny.