![더 나은 자바스크립트 렌더링을 위해 유휴 상태를 시뮬레이션하는 Google의 웹 크롤러](/static/1721844655663.25375137944/ee682/intro.png)
소개
Google은 웹 크롤링 프로세스에 새로운 기술을 도입하여 자바스크립트가 많은 웹사이트의 렌더링 및 색인 작업을 개선했습니다. 이 접근 방식은 브라우저 환경 내에서 '유휴' 상태를 시뮬레이션하여 놓칠 수 있는 특정 JavaScript 이벤트를 트리거함으로써 웹페이지에서 지연된 콘텐츠를 완전히 렌더링하고 색인하는 크롤러의 능력을 향상시키는 것입니다.
"유휴" 시뮬레이션 기법
최근 팟캐스트 '검색 오프 더 레코드'의 한 에피소드에서 Google 렌더링 팀의 조이 클리퍼드는 Googlebot이 어떻게 유휴 기간을 시뮬레이션하여 JavaScript 이벤트, 특히 요청IdleCallback을
트리거하는지에 대해 설명했습니다. 이 함수는 일반적으로 개발자가 브라우저가 사용 중이 아닐 때까지 중요하지 않은 콘텐츠의 로딩을 지연시키는 데 사용합니다. 이전에는 구글봇의 페이지 렌더링 효율성으로 인해 유휴 상태에 도달하는 경우가 거의 없었기 때문에 일부 콘텐츠가 제대로 로드되지 않고 색인화되지 않는 경우가 있었습니다.
Clifford는 요청IdleCallback이
실행될 때까지 콘텐츠 로딩이 지연되는 인기 동영상 웹사이트의 예를 공유했습니다. 하지만 브라우저가 실제로 유휴 상태가 아니었기 때문에 콜백이 실행되지 않아 불완전한 페이지 로딩이 발생했습니다.
렌더링 프로세스 개선
이 문제를 해결하기 위해 Googlebot은 이제 활성 렌더링 작업 중에도 간격을 두고 유휴 상태인 것처럼 가장합니다. 이 변경으로 유휴 콜백이 트리거되어 지연된 요소를 포함한 모든 콘텐츠가 로드되고 색인될 수 있습니다. 이 조정은 성능 최적화를 위해 콘텐츠 로딩이 지연되는 경우가 많은 자바스크립트 사용량이 많은 사이트에 특히 중요합니다.
웹 개발자를 위한 권장 사항
Clifford는 색인 생성에 부정적인 영향을 미칠 수 있는 빈 페이지나 콘텐츠 누락과 같은 문제를 방지하기 위해 자바스크립트에서 우아한 오류 처리를 구현하는 것이 중요하다고 강조했습니다. 개발자는 오류를 효율적으로 관리하여 일부 코드가 실패하더라도 페이지가 콘텐츠를 제대로 렌더링할 수 있도록 하는 것이 좋습니다.
SEO 전문가를 위한 시사점
SEO 전문가의 경우, 이러한 발전은 잠재적인 렌더링 문제를 파악하기 위해 지속적인 웹사이트 모니터링 및 테스트의 필요성을 강조합니다. 웹사이트가 사용자 친화적이고 검색 엔진에 최적화되도록 하려면 개발팀과의 협업이 필수적입니다. 검색 엔진이 JavaScript를 처리하고 페이지를 렌더링하는 방식에 대한 최신 정보를 유지하는 것은 검색 가시성을 유지하고 개선하는 데 매우 중요합니다.
결론
유휴 상태를 시뮬레이션하여 자바스크립트가 많은 웹사이트를 처리하는 Google의 적응은 웹 크롤링 및 색인 기술의 중요한 발전을 의미합니다. 이러한 변화는 콘텐츠 색인화의 정확성을 향상시킬 뿐만 아니라 SEO 및 웹 개발 관행의 역동적인 특성을 강조합니다.
Google의 렌더링 관행 및 최적화 방법에 대한 자세한 내용은 JavaScript를 많이 사용하는 사이트를 포함한 모든 페이지의 렌더링에 대한 Google의 접근 방식 등 관련 토론 및 리소스를 살펴보세요. 이 정보는 웹사이트 성능과 검색 엔진 가시성을 최적화하려는 개발자와 SEO 전문가에게 매우 유용합니다.