Speculation Rules API를 사용하면 정의한 추측 규칙을 기반으로 거의 즉각적인 페이지 로드를 구현할 수 있습니다. 이렇게 하면 웹사이트에서 탐색된 대부분의 페이지를 미리 가져와 미리 렌더링할 수 있습니다.
동영상을 시청하고 이 데모를 확인하여 다음 작업을 수행하는 방법을 알아보세요.
- 애플리케이션 > 백그라운드 서비스 > 추측 로드에서 추측, 규칙, 상태를 검사합니다.
- 상단의 작업 모음에서 드롭다운 메뉴를 통해 렌더링 간에 전환하고 모든 DevTools 패널을 사용하여 렌더링을 검사합니다.
- 실시간 트레이스 사전 렌더링 상태입니다.
사용자가 다음에 클릭할 위치를 어떻게 알 수 있나요? 추측 로드의 잠재력을 극대화할 수 있도록 이제 Chrome 121은 고정 목록이 아닌 문서의 모든 링크를 가져올 수 있지만 사용자가 링크 위로 마우스를 가져가 클릭하려고 할 때만 미리 렌더링합니다.
동영상의 마지막 부분을 시청하여 마우스 오버 또는 마우스다운 이벤트에서 미리 렌더링을 트리거하는 문서 규칙을 구현하고 디버그하는 방법을 알아보세요. 이러한 이벤트는 탐색 전에 페이지를 추측적으로 로드하는 데 약간의 시간을 제공합니다. 이 데모에서 이 기능을 확인하세요.
자세한 내용은 다음을 참고하세요.