DevTools 팁: 더 빠른 페이지 로드를 위한 추측 탐색 디버깅

Sofia Emelianova
Sofia Emelianova

Speculation Rules API를 사용하면 정의한 추측 규칙을 기반으로 거의 즉각적인 페이지 로드를 구현할 수 있습니다. 이렇게 하면 웹사이트에서 이동한 대부분의 페이지를 미리 가져오고 사전 렌더링할 수 있습니다.

동영상을 보고 이 데모를 확인하여 다음을 수행하는 방법을 알아보세요.

  • 애플리케이션 > 백그라운드 서비스 > 추측 로드에서 추측, 규칙, 상태를 검사합니다.
  • 상단 작업 모음의 드롭다운 메뉴를 통해 렌더 간에 전환하고 모든 DevTools 패널을 사용하여 렌더를 검사합니다.
  • 실시간 트레이스 사전 렌더링 상태입니다.

사용자가 다음에 클릭할 위치를 어떻게 알 수 있나요? 추측 로드의 가능성을 극대화할 수 있도록 이제 Chrome 121에서는 고정된 목록이 아닌 문서의 모든 링크를 선택할 수 있지만, 사용자가 링크 위로 마우스를 가져가서 링크를 클릭하려고 할 때만 사전 렌더링할 수 있습니다.

마우스 오버 또는 마우스다운 시 사전 렌더링을 트리거하는 문서 규칙을 구현하고 디버그하는 방법을 알아보려면 동영상의 마지막 부분을 시청하세요. 이러한 이벤트는 탐색 전에 페이지를 추측적으로 로드하기 위한 작은 시작을 제공합니다. 이 데모에서 이 기능을 확인하세요.

자세한 내용은 다음을 참고하세요.