Google I/O 2024: 사이트 성능 및 검색의 새로운 소식

AI 및 머신러닝의 발전부터 웹 성능 및 검색의 중요한 업데이트에 이르기까지 Google I/O 2024에서는 혁신적인 기술을 많이 선보였습니다.

연례 개발자 컨퍼런스는 그야말로 장관이었고 우리는 2년 연속 Mountain View 이벤트에 초대받게 되어 매우 기뻤습니다.

다음은 우리의 관점에서 볼 때 I/O 2024의 가장 큰 발표입니다.

쌍둥이자리 시대: 모든 입력을 출력으로 전환

컨퍼런스 첫날 'AI'라는 단어가 120번이나 언급됐으니 구글의 대형 언어 모델인 제미니(Gemini)가 주목을 받은 것도 놀랄 일이 아니다.

이전에 Gemini Nano로 알려졌던 Google의 온디바이스 모바일 대형 언어 모델은 상당한 업그레이드를 받고 있으며 이제 Multimodality를 갖춘 Gemini Nano로 불릴 것입니다.

무대에서 Google CEO인 순다르 피차이(Sundar Pichai)는 이러한 개선을 통해 모델이 "모든 입력을 모든 출력으로 전환"할 수 있다고 설명했습니다.

이는 텍스트, 사진, 오디오, 웹 콘텐츠, 소셜 비디오, 심지어 휴대폰 카메라의 라이브 비디오와 같은 다양한 소스로부터 정보를 수집할 수 있음을 의미합니다. 그런 다음 이 입력을 종합하여 요약을 제공하거나 콘텐츠와 관련된 질문에 답할 수 있습니다.

우리는 그것에 대해 읽는 것이 흥미롭지 않을 수도 있다는 것을 알고 있지만 처음 봤을 때 우리를 놀라게 했다고 말할 때 우리를 믿으십시오. 이 데모를 통해 Gemini의 기능에 대해 더 잘 이해할 수 있습니다.

Google이 미국에서 검색을 개선했습니다.

생성적 AI는 새로운 소식이 아니며 Google I/O 2023의 최전선에 있습니다.

그러나 올해 Google은 AI 개요를 도입하여 AI 기반 검색 경험을 확장한다고 발표했습니다.

강력한 Gemini 모델을 기반으로 하는 AI 개요는 쿼리에 대한 빠른 답변을 생성하여 여러 소스의 정보를 통합할 수 있습니다.

Google이 말했듯이 :

Gemini의 고급 다단계 추론 기능을 통해 복잡한 쿼리를 처리하고 자세한 답변을 제공할 수 있습니다.

예를 들어, "Beacon Hill에서의 소개 제안 및 도보 시간에 대한 세부 정보를 포함하여 보스턴 최고의 요가 또는 필라테스 스튜디오를 찾아보세요"라고 질문하면 철저하고 유익한 응답을 받을 수 있습니다.

출처: 구글

그러나 향상된 AI 검색의 가장 좋은 점은 처음부터 계획을 수립하는 기능일 것입니다.

미국에 거주하는 경우 간단히 '로마 3일 여행 계획'을 검색하면 머물고, 방문하고, 먹을 수 있는 장소의 전체 목록이 제공됩니다.

Google의 AI 개요를 위해 사이트를 준비하는 방법

사용자 관점에서 볼 때 모든 새로운 개선 사항이 흥미롭지만 현실은 Google 검색 트래픽에 의존하는 많은 기업이 영향을 받을 것이라는 것입니다.

AI 개요는 광범위한 화면 공간을 차지하며 기존의 "블루 링크" 웹 결과를 묻어 클릭률을 크게 제한할 수 있습니다.

갑자기 상위 3위 안에 드는 것만으로는 충분하지 않게 됩니다.

검색 결과에서 가시성을 높일 수 있는 몇 가지 전략은 다음과 같습니다.

• Q&A 형식을 사용하세요. 콘텐츠를 명시적으로 질문과 직접적인 답변으로 구성하여 Google AI 개요의 가시성을 높입니다.
  
• 포괄적인 주제 페이지 개발 – 복잡한 쿼리에 대해 초기 연구부터 최종 결정까지 전체 사용자 여정을 포괄하는 개요 페이지를 만듭니다.
  
• 권위 있는 Q&A 사이트의 콘텐츠 제공 – Quora 및 Reddit과 같은 플랫폼에 권위 있는 콘텐츠를 게시하여 AI 검색 결과의 가시성을 높입니다.
  
• 더 나은 크롤링을 위해 기술 SEO 최적화 – Google AI가 페이지의 모든 콘텐츠를 효과적으로 크롤링하고 렌더링할 수 있도록 사이트의 기술 SEO가 최적화되었는지 확인하세요.
  
• AI 강화 쿼리에 대한 검색량 모니터링 – AI 개요를 트리거하는 쿼리를 추적하여 콘텐츠 격차를 식별하고 고가치 최적화 기회의 우선순위를 지정합니다.
  

Speculation Rules API를 통한 즉각적인 탐색

모든 AI 발표는 획기적이었지만 I/O 컨퍼런스 2일차가 더 흥미로웠음을 인정합니다.

먼저, 우리는 Speculation Rules API와 웹 성능의 미래에 대한 기조 연설에 참석하여 Barry Pollard와 다시 만날 기회를 얻었습니다.

둘째, 프레젠테이션 중에 NitroPack은 다른 Google 파트너들 사이에서 Speculation Rules API의 기능을 성공적으로 활용하는 회사의 예로 언급되었습니다.

이러한 인정이 우리를 말문이 막히게 만들지 않았다면 우리는 거짓말을 할 것입니다.

지금까지 매우 특별한 여행이었습니다.

1. 2023년 처음으로 Google I/O에 초대되었습니다.
2. Barry 및 Adam Silverstein과 함께 웹 성능에 관한 웹 세미나 시리즈를 개최합니다.
3. I/O 2024에서 언급되었습니다.

그리고 우리는 이제 막 시작했습니다.

하지만 Barry의 프레젠테이션과 Speculation Rules API가 제공하는 기회를 다시 살펴보면 주요 내용은 다음과 같습니다.

귀하의 사이트에서 Speculation Rules API를 활성화하는 방법

Speculation Rules API는 향후 페이지 탐색 성능을 향상시키는 것을 목표로 합니다. 이는 link rel=prefetch 및 link rel=prerender와 같은 기존 리소스 힌트의 기능을 확장하여 개발자가 프리페치 또는 사전 렌더링할 문서를 지정할 수 있는 JSON 정의의 유연한 방법을 제공합니다.

API를 사용하면 Speculation-Rules 응답 헤더에서 참조하는 인라인 요소 및 외부 텍스트 파일 내에서 추측 로딩 유형을 설정할 수 있습니다.

Speculation Rules API를 활성화하는 두 가지 옵션이 있습니다.

1. URL 패턴 사용 : 프리페치 또는 프리렌더링에 적합한 URL을 정의합니다.
2. "열심" 수준 지정: 열의 설정을 사용하여 언제 추측이 실행되어야 하는지 표시합니다. "열심"은 추측 규칙이 관찰되는 즉시 실행됩니다. “보통”은 링크 위로 200밀리초 동안 마우스를 가져가면 추측을 수행합니다. "보수적"은 포인터나 터치다운을 추측합니다.

자세한 내용은 Barry Pollard의 프레젠테이션을 확인해 보시기 바랍니다.

Navigation AI: 즉각적인 페이지 로드 자동화

컨퍼런스에서 우리가 언급된 이유는 최신 제품인 Navigation AI 때문이었습니다.

Navigation AI는 고객 여정 중 전체 페이지를 미리 렌더링하기 위해 사용자 행동을 예측 및 분석하여 웹 탐색을 향상시키는 고급 AI 기반 도구입니다. 이 기술을 통해 사이트 소유자는 데스크톱과 모바일 모두에서 즉각적인 탐색 경험을 제공하여 고객 참여와 전환율을 높일 수 있습니다.

Speculation Rules API를 사용하여 Navigation AI는 두 단계로 작동합니다.

• 초기 예측: AI는 브라우저에 부담을 주지 않고 페이지 로드 시 초기 예측을 수행합니다.
• 행동 분석: 예측을 조정하고 사용자 작업이 더 명확해지면 페이지를 사전 렌더링하도록 API에 지시합니다.

이 예측 페이지 로딩은 다음과 같은 결과를 가져옵니다.

• LCP 20% 추가 개선
• CLS 80% 개선

Speculation Rulest API와 예측 페이지 로딩의 강력한 기능을 경험해 보세요. 내비게이션 AI 대기자 명단에 등록 →

다음 페인트(INP)에 대한 상호 작용을 디버깅하는 더 나은 방법

INP가 FID(First Input Delay)를 대체하여 공식 Core Web Vital로 승격된 지 두 달이 지났습니다.

그리고 출시 이후 Core Web Vitals 통과율이 전 세계적으로 감소했습니다.

다행히 Chrome은 개발자와 사이트 소유자가 INP를 더 효과적으로 디버깅할 수 있도록 끊임없이 노력해 web-vitals.js v4를 출시했습니다.

개선 사항 중 일부는 다음과 같습니다.

• 상호작용 후 다음 페인트의 타임스탬프를 표시하는 nextPaintTime 을 추가했습니다.
• 사용자가 페이지와 상호작용한 때부터 브라우저가 해당 상호작용에 대한 이벤트 리스너 처리를 처음 시작할 수 있을 때까지의 시간을 측정하는 inputDelay 를 추가했습니다.
• 사용자 상호 작용에 대한 응답으로 첫 번째 이벤트 리스너가 실행되기 시작한 때부터 모든 이벤트 리스너 처리가 완료될 때까지의 시간을 측정하는 processingDuration 을 추가했습니다.
• 브라우저가 사용자 상호작용을 위한 모든 이벤트 리스너 처리를 완료한 시점부터 다음 프레임이 화면에 표시되어 사용자에게 표시될 때까지의 시간을 측정하는 PresentationDelay 를 추가했습니다.
• INP 후보 상호작용과 동일한 애니메이션 프레임 내에서 처리된 이벤트 항목 배열 인 processorEventEntries 를 추가했습니다.
• INP 후보 상호 작용과 겹치는 긴 애니메이션 프레임 항목을 포함하는 longAnimationFrameEntries 를 추가했습니다.

요약하자면, 최신 버전은 상호 작용의 다양한 부분과 속도가 느린 이유에 대한 더 큰 통찰력을 제공합니다.

새로운 개선 사항과 이를 활용하여 INP를 개선하는 방법을 완전히 이해하려면 Jeremy Wagner의 프레젠테이션을 확인하세요.

마무리

Google I/O는 항상 눈을 뜨게 하며 기술과 혁신의 미래를 엿볼 수 있는 기회를 제공합니다. 매년 우리는 개선을 위한 신선한 아이디어와 영감으로 가득 찬 행사를 마치고 돌아옵니다.

업계 리더들이 공유하는 풍부한 지식과 획기적인 발전의 공개를 통해 우리는 지속적으로 우리 자신의 프로젝트를 향상시킬 수 있습니다. 우리는 얻은 통찰력을 업무에 적용하고 진전을 이루기를 기대합니다.

또한, 컨퍼런스에서 발표된 모든 내용을 더 자세히 알아보고 싶다면 공식 웹사이트(https://io.google/2024/explore/)를 방문하세요.