Código e formato

Gerador de Speculation Rules

Crie um JSON válido de Speculation Rules para Prefetch e prerender; valide as configurações predefinidas seguras, os padrões de URL e as opções de eagerness no seu navegador.

Configuração de Speculation Rules
Início seguro: Conservative Prefetch Primeiro faça medições com o prefetch de baixo risco; depois amplie o escopo de prerender gradualmente, restringindo-o com base nos dados reais de navegação.
Funciona inteiramente no navegador

Configurações predefinidas

As configurações predefinidas alteram simultaneamente o tipo de operação e a sensibilidade do acionamento.

Baixo uso de recursos

Comportamento da regra

Escolha o que o navegador preparará, de qual fonte e com que antecedência.

O Prerender também pode executar o código JavaScript da página de destino.
Os padrões são aplicados automaticamente aos links correspondentes na página.
Um acionamento mais antecipado pode usar mais largura de banda e processamento.

Escopo da URL

Escreva um padrão URLPattern ou uma URL de destino em cada linha.

Exemplo: /blog/* ou /products/:slug
Exclua sempre as rotas de sessão, pagamento e alteração de estado.
Escreva uma lista válida de seletores CSS. Os links correspondentes não serão incluídos na regra.

Auditoria de Sintaxe e Risco em Tempo Real

A estrutura JSON, as entradas URLPattern e as opções de consumo de recursos são verificadas instantaneamente.

Válido

Código gerado

1 regra · 1 destino/padrão

Verificando o suporte do navegador…
Informação

Sobre o Gerador de Speculation Rules

Speculation Rules API, permite ao navegador buscar previamente (prefetch) ou preparação completa em segundo plano (prerender) dá a instrução. Quando usado corretamente, pode acelerar significativamente as transições para as páginas seguintes; quando usado de forma excessivamente ampla, pode consumir desnecessariamente largura de banda, recursos do servidor e métricas de análise.

Esta ferramenta; conservative, moderate e aggressive gera regras a partir de padrões URLPattern ou de uma lista explícita de URLs com as configurações predefinidas. A saída pode ser texto simples JSON ou ser adicionada diretamente à página como <script type="speculationrules"> Você pode obtê-lo no formato. A sintaxe, o seletor de exclusão CSS e as combinações de risco são totalmente controlados pelo seu navegador.

Navegadores que não oferecem suporte a Speculation Rules ignoram esse tipo de script; os links normais continuam funcionando. Por isso, quando configurado corretamente, o recurso é uma camada adicional de aceleração e não substitui o fluxo de navegação existente.

Como usar?

Passo a passo

  1. Adequado ao seu tráfego e uso de recursos Conservador, Moderado ou Agressivo selecione a configuração predefinida.
  2. Mais leve em termos de processamento prefetch ou que prepara a página completamente prerender faça a seleção de.
  3. Escopo Padrão de URL ou lista explícita de URLs defina com; exclua caminhos de sessão, carrinho e pagamento.
  4. Corrija os avisos de sintaxe e de consumo de recursos no campo de validação em tempo real.
  5. Copie a etiqueta HTML gerada ou a saída JSON, ou baixe-a como arquivo.
FAQ

Perguntas frequentes

prefetch permite que o documento de destino seja obtido previamente da rede; ele não executa a página. prerender carrega e renderiza a página de destino como se ela estivesse em uma aba invisível. O Prerender pode proporcionar uma transição mais rápida, mas deve ser usado com mais cuidado, pois JavaScript, solicitações de rede e eventos de análise podem ser executados antes do clique.

conservative espera uma forte intenção do usuário; moderate usa um sinal como uma breve espera sobre o link. eager e, especialmente, immediate pode funcionar mais cedo e consumir mais recursos. Ainda assim, o navegador pode optar por não aplicar uma regra dependendo das condições do navegador, do dispositivo e da rede.

O WordPress 6.8 pode enviar por padrão uma regra conservative prefetch aos navegadores compatíveis para os links apropriados do front-end. Primeiro, no código-fonte da página, o existente type="speculationrules" verifique o script. Em vez de adicionar uma segunda regra conflitante, use, se necessário, wp_speculation_rules_configuration personalize a configuração principal com o filtro.

O tipo de script não é reconhecido e a regra é ignorada. O normal na página <a href> funcionam sem alterações; não é necessário um polyfill JavaScript especial. Por isso, não vincule os destinos dos links apenas a Speculation Rules e preserve o fluxo normal de navegação.

Exclua todos os caminhos de saída, entrada, carrinho, pagamento, conta, administração, links de uso único e quaisquer caminhos que alterem o estado mediante uma solicitação de GET. Como a página pré-renderizada pode ser executada sem o clique do usuário, ela só deve ser usada em páginas seguras, idempotentes e que não vazem dados pessoais.
Voltar a todas as ferramentas gratuitas