백/포워드 캐시 테스트

즉시 탐색을 위한 Back/Forward Cache 호환성 분석

장점

즉시 탐색 감지

모든 페이지의 Back/Forward Cache 적격성을 종합적으로 점검하여 사용자가 즉각적인 앞뒤 전환을 경험할 수 있도록 보장합니다.

차단 원인 상세 분석

각 페이지의 캐싱을 방해하는 정확한 원인에 대한 상세 보고서 — unload 리스너부터 Cache-Control 헤더 및 열린 연결까지.

다중 페이지 크롤 분석

전체 사이트의 자동 스캔으로 모든 페이지의 bfcache 문제를 한 번에 파악하고, 영향도에 따라 우선순위를 매깁니다.

실행 가능한 수정 권장 사항

각 차단 원인을 해결하기 위한 명확한 단계별 가이드를 제공하여 페이지가 bfcache에 적합하고 즉시 로드되도록 합니다.

BFCache는 사용자가 페이지를 떠날 때 해당 페이지의 전체 스냅샷을 메모리에 저장하는 브라우저 최적화 기능입니다. 뒤로 또는 앞으로를 누르면 페이지가 다시 불러오거나 렌더링하지 않고 즉시 복원됩니다.

일반적인 차단 요인으로는 unload 이벤트 리스너, Cache-Control: no-store 헤더, 열린 WebSocket 또는 IndexedDB 연결, 특정 HTTP 헤더 등이 있습니다. 보고서에 각 페이지의 정확한 원인이 나열됩니다.

bfcache에서 복원된 페이지는 즉시 표시되므로 LCP, FCP, CLS 값이 거의 0에 가깝습니다. bfcache를 활성화하면 CrUX 데이터에서 전체 Web Vitals 점수를 크게 향상시킬 수 있습니다.

BFCache는 Chrome, Firefox, Safari에서 지원됩니다. 각 브라우저마다 적격 기준이 약간 다를 수 있지만, 일반적인 차단 요인을 제거하면 모든 브라우저에 도움이 됩니다.

최신 분석 라이브러리는 unload 대신 Beacon API 또는 pagehide/visibilitychange 이벤트를 사용합니다. 이러한 대안으로 전환하면 추적을 유지하면서 bfcache를 활성화할 수 있습니다.