코드 및 형식

Speculation Rules 생성기

Prefetch 및 prerender에 유효한 Speculation Rules JSON 생성하고, 안전한 사전 설정, URL 패턴 및 eagerness 옵션을 브라우저에서 확인하세요.

Speculation Rules 구성
안전한 시작: Conservative Prefetch 먼저 위험도가 낮은 prefetch로 측정한 다음, 실제 탐색 데이터에 따라 prerender 범위를 좁혀 활성화하세요.
브라우저에서만 실행됩니다

사전 설정

사전 설정은 작업 유형과 트리거 민감도를 함께 변경합니다.

낮은 리소스 사용량

규칙 동작

브라우저가 무엇을, 어떤 출처에서, 얼마나 일찍 준비할지 선택하세요.

Prerender는 대상 페이지의 JavaScript 코드도 실행할 수 있습니다.
패턴은 페이지의 일치하는 링크에 자동으로 적용됩니다.
더 이른 트리거는 더 많은 대역폭과 프로세서 리소스를 사용할 수 있습니다.

URL 범위

각 줄에 URLPattern 패턴 또는 대상 URL을 하나 입력하세요.

예: /blog/* 또는 /products/:slug
세션, 결제 및 상태를 변경하는 경로는 반드시 제외하세요.
유효한 CSS 선택자 목록을 입력하세요. 일치하는 링크는 규칙에 포함되지 않습니다.

실시간 구문 및 위험 검사

JSON 구조, URLPattern 입력값 및 리소스 사용량 선택 사항을 즉시 확인합니다.

유효

생성된 코드

1 규칙 · 1 대상/패턴

브라우저 지원을 확인하는 중…
정보

Speculation Rules 생성기 정보

Speculation Rules API, 브라우저가 사용자가 다음에 방문할 가능성이 높은 페이지를 미리 가져오도록 (prefetch) 또는 백그라운드에서 완전히 준비하기 (prerender) 지시를 제공합니다. 올바르게 사용하면 이후 페이지 이동을 크게 빠르게 할 수 있지만, 지나치게 넓게 사용하면 대역폭, 서버 리소스 및 분석 측정값을 불필요하게 소모할 수 있습니다.

이 도구는; conservative, moderate 및 aggressive 사전 설정으로 URLPattern 패턴이나 명시적 URL 목록에서 규칙을 생성합니다. 출력을 일반 JSON 또는 페이지에 직접 추가할 수 있는 <script type="speculationrules"> 형식으로 받을 수 있습니다. 구문, CSS 제외 선택기 및 위험한 조합은 전적으로 브라우저에서 검사됩니다.

Speculation Rules를 지원하지 않는 브라우저는 이 스크립트 유형을 무시하며, 일반 링크는 계속 작동합니다. 따라서 이 기능은 올바르게 설정하면 추가적인 가속 계층으로 작동하며, 기존 탐색 흐름을 대체하지 않습니다.

어떻게 사용하나요?

단계별로

  1. 트래픽 및 리소스 사용량에 적합 Conservative, Moderate 또는 Aggressive 사전 설정을 선택하세요.
  2. 작업으로서 더 가벼운 prefetch 또는 페이지를 완전히 준비하는 prerender 선택하세요.
  3. 범위 URL 패턴 또는 명시적 URL 목록 로 정의하세요. 세션, 장바구니 및 결제 경로는 제외하세요.
  4. 실시간 검증 영역의 구문 및 리소스 소비 경고를 해결하세요.
  5. 생성된 HTML 태그 또는 JSON 출력을 복사하거나 파일로 다운로드하세요.
FAQ

자주 묻는 질문

prefetch 대상 문서를 네트워크에서 미리 가져오도록 합니다. 페이지를 실행하지는 않습니다. prerender 이면 대상 페이지를 보이지 않는 탭에 있는 것처럼 로드하고 렌더링합니다. Prerender는 더 빠른 전환을 제공할 수 있지만 JavaScript, 네트워크 요청 및 분석 이벤트가 클릭 전에 실행될 수 있으므로 더 신중하게 사용해야 합니다.

conservative 강한 사용자 의도를 기대하며, 보통 링크에서 잠시 대기하는 것과 같은 신호를 사용합니다. eager 및 특히 immediate 더 일찍 실행되어 더 많은 리소스를 소비할 수 있습니다. 그래도 브라우저는 기기 및 네트워크 조건에 따라 규칙을 적용하지 않도록 선택할 수 있습니다.

WordPress 6.8는 적절한 프런트엔드 링크에 대해 지원되는 브라우저에 기본적으로 conservative prefetch 규칙을 보낼 수 있습니다. 먼저 페이지 소스에서 기존 type="speculationrules" 스크립트를 확인하세요. 충돌하는 두 번째 규칙을 추가하는 대신 필요한 경우 wp_speculation_rules_configuration 필터로 핵심 구성을 맞춤 설정하세요.

스크립트 유형을 인식할 수 없어 규칙을 무시합니다. 페이지의 일반 <a href> 링크는 변경 없이 작동하며, 특별한 JavaScript polyfill이 필요하지 않습니다. 따라서 링크 대상을 Speculation Rules에만 연결하지 말고 일반적인 탐색 흐름을 유지하세요.

로그인, 로그아웃, 장바구니, 결제, 계정, 관리, 일회용 링크 및 GET 요청으로 상태가 변경되는 모든 경로를 제외하세요. 프리렌더링된 페이지는 사용자가 클릭하지 않아도 실행될 수 있으므로 안전하고 멱등적이며 개인 데이터를 유출하지 않는 페이지에서만 사용하는 것이 적절합니다.
모든 무료 도구 보기로 돌아가기