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