O WordPress apresentou um novo plugin oficial que inclui suporte para uma inovadora tecnologia chamada carga especulativa, a qual tem potencial para otimizar o desempenho do site e aprimorar a experiência dos visitantes.
Interpretação especulativa
Renderização envolve a criação completa de uma página da web de modo que ela seja exibida instantaneamente. Quando o navegador baixa o HTML, imagens e outros elementos e os apresenta em uma página da web, isso é considerado renderização. Pré-renderização consiste em compor essa página da web em segundo plano.
O objetivo deste plugin é possibilitar que o navegador pré-carregue toda a página web para a qual um usuário poderá navegar em seguida. Essa funcionalidade é realizada pelo plugin prevendo qual página o usuário pode acessar, com base em sua posição atual na página.
O Chrome prioriza a pré-renderização somente quando existe uma alta probabilidade, de no mínimo 80%, de um usuário acessar outra página. Essa informação é detalhada na página de suporte oficial do Chrome sobre pré-renderização.
As páginas devem ser pré-renderizadas somente se houver uma grande chance de serem carregadas pelo usuário. Por essa razão, as opções de pré-renderização da barra de endereços do Chrome só são ativadas quando a probabilidade é superior a 80%.
Na mesma página de desenvolvedor, também é mencionado que o prerendering pode não ser ativado devido a configurações do usuário, consumo de memória e outras situações específicas (mais informações serão fornecidas sobre como essa análise aborda a prerrenderização).
A API de carga especulativa resolve uma questão que soluções anteriores não conseguiram abordar, pois antes, elas apenas carregavam recursos como JavaScript e CSS, sem de fato pré-renderizar toda a página da web.
A declaração oficial do WordPress explica da seguinte maneira:
Introduzindo a API de Regras de Especulação, uma nova ferramenta web que oferece uma solução para os desafios mencionados. Essa API possibilita a definição de regras para pré-carregar dinamicamente e/ou pré-renderizar URLs de determinada estrutura com base na interação do usuário, utilizando a sintaxe JSON. Em resumo, ela permite o pré-carregamento especulativo dessas URLs antes da navegação, como por exemplo, a pré-renderização de links em uma página sempre que o usuário passa o cursor sobre eles.
A descrição desta nova funcionalidade é apresentada na página oficial do WordPress.
A API de Especulação de Regras é uma nova interface de programação de aplicações na web que possibilita a definição de regras para antecipar o envio dinâmico e/ou a renderização prévia de URLs específicas com base na interação do usuário, em formato JSON. Em resumo, ela permite o pré-carregamento especulativo dessas URLs antes da navegação.
Essa API pode ser utilizada para pré-renderizar links em uma página quando o usuário passa o mouse sobre eles. Além disso, por meio da API de Regras de Especulação, o termo “pré-renderizar” implica na renderização prévia de toda a página, incluindo a execução de JavaScript. Isso pode resultar em tempos de carregamento quase instantâneos quando o usuário clicar no link, pois a página provavelmente já estaria completamente carregada. No entanto, essa é apenas uma das opções de configuração disponíveis.
O recente complemento do WordPress oferece suporte à API Regras de Especulação. Segundo as páginas de desenvolvedor da Mozilla, que são uma valiosa fonte de informações técnicas sobre HTML, essa adição é explicada da seguinte forma:
A API de Regras de Especulação foi desenvolvida com o objetivo de aprimorar o desempenho para navegações futuras. Seu foco são os endereços de documentos em vez de arquivos de recursos específicos, sendo mais adequada para aplicações de várias páginas (MPAs) do que para aplicações de página única (SPAs).
A API de Regras de Especulação oferece uma opção em substituição ao recurso amplamente utilizado de prefetch e foi desenvolvida para substituir a funcionalidade de prerender, que é obsoleta apenas no Chrome. Esta API traz diversas melhorias em relação a essas tecnologias, além de uma sintaxe mais detalhada e personalizável para indicar quais documentos devem ser pré-carregados ou pré-renderizados.
Veja também: Estão os sites se tornando mais velozes? Novas informações indicam resultados variados.
Extensão de laboratório de rendimento.
O recém-criado plugin foi elaborado pela equipe oficial de desempenho do WordPress, que ocasionalmente disponibiliza novos plugins para os usuários testarem antes de possivelmente serem incorporados ao núcleo real do WordPress. Portanto, essa é uma excelente chance de ser um dos primeiros a experimentar as novas tecnologias de desempenho.
O plugin WordPress recém-instalado é automaticamente configurado para pré-carregar as “URLs front-end do WordPress”, que incluem páginas, posts e páginas de arquivo. A forma como isso funciona pode ser personalizada nas configurações.
Compatibilidade do navegador refere-se à capacidade de um site ou aplicativo web de funcionar corretamente em diferentes navegadores da web.
A API especulativa é compatível com o Chrome 108, mas as diretrizes específicas do novo plugin requerem o uso do Chrome 121 ou uma versão mais recente. O Chrome 121 foi disponibilizado no início de 2024.
Os navegadores que não são compatíveis simplesmente não reconhecem o plugin e não afetam a experiência do usuário.
Confira o mais recente plugin Speculative Carregando para WordPress, criado pela equipe oficial de desempenho do WordPress.
Como a renderização é tratada pelo Analytics.
O desenvolvedor da imprensa perguntou sobre como o Analytics lidaria com a prerrenderização. Foi sugerido que cabe ao provedor do Analytics identificar o pré-render e não considerá-lo como uma página carregada ou visita ao site.
Felizmente, tanto o Google Analytics quanto o Google Publisher Tags (GPT) conseguem lidar com prerenders. A página de suporte para desenvolvedores do Chrome contém informações sobre como a análise trata a prerenderização.
O Google Analytics e o Google Publisher Tag (GPT) estão programados para adiar a ativação automática do prerender e dos anúncios, respectivamente, a partir de setembro de 2023 e novembro de 2023.
Potencial confronto com complementos de bloqueio de publicidade.
Existem algumas informações importantes sobre este plugin que é preciso ter em mente, incluindo o fato de ser uma funcionalidade experimental que necessita do Chrome 121 ou uma versão mais recente.
Um desenvolvedor de plugin WordPress observou que esse recurso pode não ser compatível com navegadores que têm a extensão de bloqueio de anúncios uBlock Origin ativada.
Faça o download do plugin de carregamento especulativo desenvolvido pela equipe de desempenho do WordPress.
Por favor, leia o anúncio no WordPress sobre carregamento especulativo.
Outras opções incluem WordPress, Wix e Squarespace. Exibir melhorias na taxa de melhoria do CWV.