서명된 교환 (SXG)은 개인 정보를 보호하는 교차 출처 미리 가져오기를 사용 설정하여 사이트 속도를 높이고 최대 콘텐츠 렌더링 시간 (LCP)을 개선하는 데 도움이 되는 전송 메커니즘입니다. I/O 2022에서 Google의 SXG 실무 그룹은 새로운 SXG 기능을 추가하고 추가 표시 경로에서 사이트 탐색을 지원할 계획을 미리 살펴봤습니다. 오늘 우리는 이러한 첫 번째 기능들을 발표하며, 앞으로 몇 달에 걸쳐 더 많은 기능이 추가될 예정입니다.
- 데스크톱 사이트 탐색 지원
- Google 검색에서 주요 뉴스 및 뉴스의 SXG 지원
- 서버 측 맞춤설정 지원
이러한 기능에 대한 자세한 내용과 이러한 기능을 활용하여 사이트의 사용자 환경을 개선하는 방법을 알아보려면 아래 내용을 계속 읽어보세요.
데스크톱 탐색 지원
이 버전을 통해 이제 Chromium 브라우저의 데스크톱 교차 출처 탐색에서 Signed Exchange를 사용할 수 있습니다. 이는 Android 모바일에 대한 기존 지원을 기반으로 하며 이제 SXG를 사용하여 사이트의 데스크톱 버전을 캐시하고 미리 가져올 수도 있음을 의미합니다.
이 버전을 사용하면 평균적으로 SXG의 사이트 방문 노출 범위가 두 배로 늘어나 더 많은 사용자를 위해 로드 및 성능을 개선할 것으로 예상됩니다.1 현재 모바일에서는 Google 검색을 통한 탐색 시 평균 300~400ms의 LCP 감소가 이뤄졌습니다.
이 기능을 활용하는 방법
사이트의 데스크톱 버전에 서명된 교환을 사용 설정하기 위해 별도로 취해야 할 조치는 없습니다. 이 기능은 Cloudflare의 사용하기 쉬운 자동 서명된 교환 도구와 오픈소스 SXG 도구 키트에서 이미 지원되고 있습니다.
지원 미디어 메타 태그를 사용하고 싶다면 이 옵션을 선택 해제할 수 있습니다. 자세한 내용은 여기를 참조하세요.
서명된 교환의 영향 자세히 알아보기
이미 여러 글로벌 브랜드와 사이트에서 Signed Exchanges의 혜택을 누리고 있습니다. 현재 SXG를 채택한 Android 모바일 기업의 우수사례를 살펴보겠습니다.
선도적인 콘텐츠 배포 네트워크 (CDN)인 Cloudflare는 500개 사이트 중에서 서명된 교환이 고객에게 미치는 영향을 측정하는 실험을 진행했습니다.
- 85%의 조직이 LCP가 개선되었습니다.
- 98%는 첫 바이트까지의 시간 (TTFB) 감소가 관찰되었습니다.
- 이 측정항목에서 20% 개선율의 중앙값.
유명한 콘텐츠 관리 시스템 (CMS)인 RebelMouse에서는 고객의 비즈니스 및 실적 측정항목이 다음과 같이 개선되었습니다.
- Narcity의 LCP 41% 개선
- Paper Magazine의 사용자당 세션수 27% 증가
- MTL 블로그의 로드 시간 21% 감소
주요 뉴스 및 뉴스에 대한 Google 검색 지원
Google 검색은 현재까지 Google 검색의 웹페이지 결과에서 사이트 탐색에 사용할 수 있었던 Signed Exchanges의 개인 정보 보호 교차 출처 미리 가져오기의 얼리 어답터입니다. 2022년 7월부터 Google 검색에서는 주요 뉴스 및 뉴스의 탐색 기능도 포함하도록 이 지원을 확대합니다. SXG는 Google 검색의 순위 또는 선택 기준에 영향을 미치지 않지만 사이트의 코어 웹 바이탈, 특히 LCP를 개선할 수 있습니다.
이 기능을 사용 설정하기 위해 사용자가 추가 작업을 하지 않아도 되며 기존 및 신규 어답터 모두에게 자동으로 제공됩니다.
서버 측 맞춤설정 지원
서명된 교환은 캐시를 사용하여 출처에서 암호화 방식으로 서명된 콘텐츠를 미리 가져오고 제공합니다. 캐시된 콘텐츠는 여러 다른 사용자에게 또는 동일한 사용자에게 여러 번 전송될 수 있습니다. 과거에는 이로 인해 SXG가 서버 측 맞춤설정(즉, 로그인한 사용자의 다른 HTML)을 사용하는 사이트와 호환되지 않았습니다.
Chromium에서만 쿠키가 없는 사용자의 방문에 대해 SXG를 선택적으로 사용 설정할 수 있는 새로운 기능인 Dynamic SXG가 오늘 추가됩니다. 로그인한 탐색 메뉴는 서버 측 맞춤설정을 통해 계속해서 SXG 이외의 버전의 사이트를 제공합니다.
이는 로그인한 각 사용자의 고유한 웹페이지를 동적으로 계산하는 사이트에 특히 영향을 미치므로 데이터베이스 조회로 인해 TTFB 및 LCP가 높은 경향이 있습니다. Dynamic SXG는 SXG를 활용하여 다른 사용자에게 개인화된 경험을 제공하는 데 영향을 주지 않으면서 특정 사용자의 사이트 방문 속도를 높일 수 있는 옵션과 유연성을 제공합니다.
기능 사용 설정 방법
동적 SXG를 사용 설정하려면 서버 측 맞춤설정이 포함된 페이지의 HTTP 헤더에 Vary: Cookie 주석을 추가해야 합니다. 다음은 서버에 따라 이 작업을 실행하는 방법의 몇 가지 예입니다.
서명된 교환은 로그인 위젯, 장바구니, 맞춤설정된 뉴스 피드와 같은 요소를 로드하는 데 사용하는 모든 클라이언트 측 맞춤설정과 계속 호환됩니다.
다음 단계
Google의 SXG 실무 그룹은 커뮤니티의 관심과 의견을 바탕으로 서명된 교환에 새로운 기능, 표시 경로를 추가하는 데 계속 투자하고 있습니다. 앞으로 몇 개월에 걸쳐 몇 가지 흥미로운 기능을 선보일 예정입니다. Chrome 개발자 블로그에서 자세히 알아보세요.
각주
[1]: 모바일의 Chromium 브라우저에서 발생한 서명된 교환 방문의 이전 데이터를 기반으로 한 예상치입니다. 실제 수치는 사이트마다 다를 수 있습니다.