Speculative Loading

FAQ

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

모든 URL이 합리적으로 미리 렌더링될 수 있는 것은 아닙니다. 정적 콘텐츠를 미리 렌더링하는 것은 일반적으로 안정적이지만 로그아웃 URL과 같은 대화형 콘텐츠를 미리 렌더링하면 문제가 발생할 수 있습니다. 이러한 이유로 /wp-login.php 및 /wp-admin/*와 같은 특정 워드프레스 핵심 URL은 프리페칭 및 프리렌더링에서 제외됩니다. 또한 wp_nonce_url()로 생성된 URL(또는 _wpnonce 쿼리 var가 포함된 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 애널리틱스)은 이미 프리렌더에 대해 이 작업을 자동으로 수행합니다. 분석에 미치는 영향를 참조하세요. 또한 크로스오리진 아이프레임은 활성화될 때까지 로드되지 않으므로 이 문제를 더욱 방지할 수 있습니다.

호버링(보통)을 추측하면 이 신호 없이 페이지가 미리 로드될 확률이 높아지므로 여기서 위험을 줄일 수 있습니다. 또는 플러그인은 마우스/포인터 내려놓기(보수적)만 추측하도록 설정하여 위험을 더욱 줄이며, 리드 타임이 짧아지고 성능 향상 효과가 줄어드는 대신 이 문제를 우려하는 사이트를 위한 옵션입니다.

프리렌더링된 페이지는 프리렌더링된 페이지에 링크되어 있으므로 이 시점에서는 이미 개인화가 완료되었을 수 있으며 변경 사항(예: 다른 제품 탐색 또는 로그인/로그아웃)이 있으면 새 페이지를 로드해야 하므로 이를 고려한 새로운 프리렌더가 필요할 수 있습니다. 하지만 확실히 알아두고 테스트해야 할 사항입니다!

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

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

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

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

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

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

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