Speculative Loading

FAQ

특정 URL이 프리페치 및 프리렌더링되지 않도록 하려면 어떻게 해야 하나요?

모든 URL이 합리적으로 미리 렌더링될 수 있는 것은 아닙니다. 정적 콘텐츠를 미리 렌더링하는 것은 일반적으로 안정적이지만 로그아웃 URL과 같은 대화형 콘텐츠를 미리 렌더링하면 문제가 발생할 수 있습니다. 이러한 이유로 /wp-login.php 및 /wp-admin/*와 같은 특정 워드프레스 핵심 URL은 프리페칭 및 프리렌더링에서 제외됩니다. 또한 wp_nonce_url()(또는 _wpnonce 쿼리 변수가 포함된) 및 nofollow 링크로 생성된 모든 URL도 무시됩니다. plsr_speculation_rules_href_exclude_paths 필터를 사용하여 추가 URL 패턴을 제외할 수 있습니다.

다음 예는 https://example.com/cart/ 또는 https://example.com/cart/foo와 같은 URL이 프리페칭 및 프리렌더링에서 제외되도록 합니다:

<?php
add_filter(
    'plsr_speculation_rules_href_exclude_paths',
    function ( array $exclude_paths ): array {
        $exclude_paths[] = '/cart/*';
        return $exclude_paths;
    }
);

때로는 URL을 프리프린팅에서 제외하면서 프리페칭을 허용하는 것이 유용할 수 있다는 점을 기억하세요. 예를 들어, 사용자 상태를 업데이트하는 클라이언트 측 자바스크립트가 있는 페이지는 프리렌더링하지 않아야 하지만 프리페칭하는 것이 합리적일 수 있습니다.

이를 위해 plsr_speculation_rules_href_exclude_paths 필터는 조건부 제외를 제공하기 위해 현재 모드(“prefetch” 또는 “prerender” 중 하나)를 수신합니다.

다음 예는 https://example.com/products/...와 같은 URL은 프리렌더링할 수 없도록 하면서도 프리피치는 허용하는 예제입니다:

<?php
add_filter(
    'plsr_speculation_rules_href_exclude_paths',
    function ( array $exclude_paths, string $mode ): array {
        if ( 'prerender' === $mode ) {
            $exclude_paths[] = '/products/*';
        }
        return $exclude_paths;
    },
    10,
    2
);

위에서 언급했듯이 링크에 no-prerender CSS 클래스를 추가하면 링크가 미리 렌더링되지 않습니다(하지만 미리 가져오지는 않습니다). 또한 일부 플러그인에서는 비강력 링크(예: 장바구니에 추가)에 이 코드를 추가하기 때문에 rel=nofollow가 있는 링크는 프리피치되거나 프리렌더링되지 않습니다. 이러한 링크는 POST 요청을 트리거하는 버튼이거나 적어도 wp_nonce_url()를 사용해야 이상적입니다.

분석 및 개인화에 어떤 영향을 주나요?

미리 렌더링은 분석 및 개인화에 영향을 줄 수 있습니다.

클라이언트 측 자바스크립트의 경우 프리렌더가 활성화될 때까지(예: 링크 클릭) 이를 지연하는 것이 좋습니다. Google 애널리틱스와 같은 일부 솔루션은 이미 이 작업을 자동으로 수행합니다(분석에 미치는 영향 참조). 또한 교차 출처 아이프레임은 활성화될 때까지 로드되지 않으므로 이 문제를 더욱 방지할 수 있습니다.

기본값인 moderate으로 추측하면 미리 렌더링된 페이지가 사용자가 방문하지 않을 위험이 줄어들므로 해당 링크를 미리 로드하는 부작용을 피할 수 있습니다. 반대로 eager 추측하면 미리 렌더링된 페이지가 로드되지 않을 위험이 높아집니다. 또는 플러그인은 마우스/포인터 아래로만 추측(보수적)하도록 제공하여 위험을 더욱 줄이며, 리드 타임이 짧아져 성능 이득이 적은 대신 이를 우려하는 사이트가 선택할 수 있는 옵션입니다.

프리렌더링된 페이지는 프리렌더링된 페이지에 링크되어 있으므로 이 시점에서는 이미 개인화가 완료되었을 수 있으며, 변경 사항(예: 다른 제품 탐색 또는 로그인/로그아웃)이 있는 경우 새 페이지를 로드해야 하므로 이를 고려한 새 프리렌더링이 필요한 경우가 많습니다. 하지만 반드시 알아두고 테스트해야 하는 기능입니다! 새 페이지 로드 없이 상태가 변경될 때 필요한 경우 표준 JavaScript DOM API를 사용하여 페이지에서 추측 규칙 <script< 요소를 제거하면 프리렌더링된 페이지를 취소할 수 있습니다.

플러그인 피드백은 어디에서 제출할 수 있나요?

특히 이 플러그인에는 향후 워드프레스 핵심 기능이 포함될 수 있으므로 피드백을 보내주시면 감사하겠습니다. 새로운 기능에 대한 제안이나 요청이 있으면 워드프레스 성능 팀의 GitHub 리포지토리에서 이슈로 제출할 수 있습니다 . 문제 해결에 도움이 필요하거나 플러그인에 대한 질문이 있는 경우 지원 포럼에 새 주제를 작성하세요.

보안 버그는 어디에서 신고할 수 있나요?

성능 팀과 워드프레스 커뮤니티는 보안 버그를 심각하게 받아들입니다. 발견한 내용을 책임감 있게 공개해 주신 여러분의 노력에 감사드리며, 여러분의 기여를 인정하기 위해 최선을 다하겠습니다.

보안 문제를 신고하려면 WordPress HackerOne 프로그램을 방문하세요.

플러그인에 어떻게 기여할 수 있나요?

기여는 언제나 환영합니다! 핵심 퍼포먼스 팀 핸드북에서 참여 방법에 대해 자세히 알아보세요.