A Cloudflare, reconhecida pela sua inovação no setor, implementou uma salvaguarda crucial: apenas aceita pedidos de prefetch para conteúdo estático já armazenado na sua rede de entrega de conteúdo (CDN). Se o conteúdo não estiver na cache, o pedido é prontamente rejeitado. Esta abordagem não só minimiza preocupações sobre a elegibilidade da cache, como também assegura uma experiência do utilizador muito mais suave. A lógica é simples: se uma página não for adequada para cache, não deve ser prefetchada no cache do navegador, evitando assim consequências indesejadas e um aumento desnecessário na carga do servidor de origem. Por exemplo, prefetchar uma página de logout pode causar desconexões prematuras, antes mesmo do utilizador concluir a sua ação.
Os pedidos de prefetching ou prerendering, se mal geridos, podem resultar em efeitos imprevisíveis, alterando o estado do servidor antes da confirmação do cliente. Ao restringir o prefetching a páginas já presentes na cache da CDN, a Cloudflare garante que essas páginas não afetem negativamente a experiência do utilizador.
Esta estratégia foi desenvolvida para funcionar em ambientes sensíveis ao desempenho. Em julho de 2024, a Cloudflare mediu o impacto do seu modelo de implementação conservadora em todas as páginas da sua documentação para desenvolvedores e descobriu que 94% do conteúdo prefetchado correspondia às navegações reais dos utilizadores. Surpreendentemente, a performance da navegação melhorou, reduzindo o tempo de carregamento do conteúdo principal (LCP) em 40% no quantil p75, sem causar efeitos colaterais indesejados.
Uma Rede Global para um Desempenho Superior!
Com uma rede que abrange mais de 330 cidades e opera em 50 milissegundos para 95% da população conectada à Internet, a Cloudflare tem o poder de melhorar significativamente a performance dos ativos em cache para os seus clientes. Através do Speed Brain, a Cloudflare pode servir conteúdo prefetchado diretamente da cache da CDN, reduzindo a latência de rede a praticamente instantânea.
A posição única da Cloudflare na rede permite ativar automaticamente o Speed Brain, sem necessidade de alterações nas configurações do servidor de origem dos clientes—é tão simples quanto ativar um interruptor! A primeira versão do Speed Brain já está em funcionamento.
Quando um pedido para uma página da web com o Speed Brain ativado é recebido, o servidor da Cloudflare devolve um cabeçalho de resposta HTTP adicional chamado “Speculation-Rules”. Este cabeçalho contém uma URL que aponta para uma configuração de regras opinativa.
Ao começar a processar o cabeçalho da resposta, o navegador busca a configuração de regras de especulação e a carrega como parte da página web. Esta configuração orienta o navegador sobre quando prefetchar a próxima página mais provável para que o visitante navegue, com base na interação do utilizador com a página atual.
Os Benefícios do Speed Brain em Ação!
Quando uma ação do utilizador, como um evento de mouse sobre um link da próxima página, ativa a aplicação das regras, o navegador envia um pedido de prefetch para essa página, incluindo o cabeçalho HTTP “sec-purpose: prefetch”. O servidor analisa o cabeçalho da solicitação para identificar o pedido de prefetch. Se o conteúdo solicitado estiver presente na cache, é devolvido; caso contrário, um código de status HTTP 503 é retornado, negando o pedido de prefetch. Esta abordagem elimina o risco de efeitos colaterais indesejados de enviar pedidos para origens ou Trabalhadores da Cloudflare que não estão cientes do prefetching. Apenas o conteúdo disponível exclusivamente na cache é retornado.
Quando a resposta é bem-sucedida, o navegador prefetcha o conteúdo na memória. Quando o visitante navega para essa página, o navegador carrega-a diretamente da cache, permitindo uma renderização imediata.
Eagerness: A Chave para um Prefetching Eficiente!
A funcionalidade de Eagerness controla a intensidade com que o navegador prefetches o conteúdo. Existem quatro configurações possíveis:
- immediate: Usado assim que possível ao carregar a página—geralmente, assim que o valor da regra é detectado pelo navegador, começa a prefetchar a próxima página.
- eager: Idêntico à configuração immediate acima, mas o gatilho de prefetch também depende de ligeiros eventos de interação do utilizador, como mover o cursor em direção ao link (em breve).
- moderate: Prefetcha se o utilizador mantiver o ponteiro sobre um link por mais de 200 milissegundos (ou no evento pointerdown se for mais rápido, e em dispositivos móveis onde não há evento de hover).
Desafios e Soluções no Mundo do Speed Brain!
A eficácia do Speed Brain depende da Speculation Rules API, um padrão emergente da web. A partir de setembro de 2024, o suporte para este padrão está limitado a navegadores baseados em Chromium (versão 121 ou superior), como Google Chrome e Microsoft Edge. Com o tempo, espera-se que outros navegadores adotem este padrão.
É importante notar que o prefetching não se aplica a conteúdo dinâmico, uma vez que a natureza deste conteúdo pode mudar, levando a dados desatualizados e a uma carga excessiva no servidor de origem. Assim, o Speed Brain opera apenas em páginas não dinâmicas do seu website que estão armazenadas na rede da Cloudflare. Para tirar o máximo proveito do Speed Brain, recomenda-se utilizar regras de cache para garantir que todo o conteúdo estático (especialmente HTML) no seu site seja elegível para cache.
Caso o navegador receba um código de status HTTP 503 em resposta a um pedido de prefetch especulativo, ele cancela a tentativa de prefetch. Embora este erro possa parecer alarmante no console do navegador, não há qualquer dano associado ao cancelamento do pedido de prefetch. Nos testes iniciais, a utilização do código 503 gerou preocupações entre os proprietários de sites, mas a Cloudflare está a trabalhar para melhorar a experiência do cliente com esta questão.
Além disso, se um site utilizar tanto as suas próprias regras de especulação personalizadas como a funcionalidade Speed Brain da Cloudflare, ambas as definições de regras podem operar simultaneamente. As salvaguardas da Cloudflare limitam as regras de especulação a páginas elegíveis para cache, o que pode ser uma limitação inesperada para aqueles com implementações existentes. Para resolver esse problema, recomenda-se desativar uma das implementações para garantir consistência no comportamento.
Monitorizando o Impacto do Speed Brain!
A Cloudflare recomenda vivamente que os utilizadores ativem a funcionalidade de Medição de Experiência Real (RUM) juntamente com o Speed Brain. Esta ferramenta fornece informações valiosas sobre a experiência de performance dos utilizadores, permitindo acompanhar:
- Carregamento: Quanto tempo leva para o conteúdo ficar disponível?
- Interatividade: Quão responsivo é o site durante a interação do utilizador?
- Estabilidade Visual: Quanto a página se move durante o carregamento?
Com o RUM ativado, os operadores de sites podem aceder à seção de Análise da Web no painel para visualizar informações cruciais sobre como o Speed Brain está a ajudar a reduzir a latência em métricas fundamentais, como o LCP e o tempo de carregamento.
Resultados Surpreendentes e o Futuro do Speed Brain!
A Cloudflare já ativou esta funcionalidade por padrão em todos os planos gratuitos e observou resultados notáveis:
- Domínios: Atualmente, a Cloudflare conta com dezenas de milhões de domínios utilizando o Speed Brain. A análise do LCP nos sites revela uma melhoria entre 40% e 50% (com uma média de 45%).
- Pedidos: Antes da ativação do Speed Brain, os sites gratuitos na Cloudflare apresentavam um LCP médio de 2,2 segundos. Com o Speed Brain, a redução da latência do LCP varia de 0,88 segundos a 1,1 segundos em cada prefetch bem-sucedido!
Com mais de 70% dos pedidos provenientes de navegadores baseados em Chromium, e com centenas de bilhões de pedidos de conteúdo HTML todos os dias, o Speed Brain representa uma economia significativa de latência. A cada 24 horas, a funcionalidade pode economizar mais de 82 anos de latência para os visitantes de sites habilitados!
O Futuro é Brilhante: Avanços em Aprendizado de Máquina e Muito Mais!
O que a Cloudflare está a oferecer hoje com o Speed Brain é apenas o começo. Para 2025, estão previstas adições emocionantes, incluindo a aplicação de aprendizado de máquina para prever padrões de navegação dos utilizadores. Esta abordagem inovadora utilizará um método de preservação da privacidade, permitindo à Cloudflare gerar um gráfico de navegação por site com base nos cabeçalhos de referência, resultando numa predição da movimentação dos utilizadores entre páginas.
A Cloudflare está a trabalhar em um modelo adaptativo que melhorará significativamente a oferta atual, assegurando que as regras sejam ajustadas com base na confiança na navegação do utilizador.
Para começar a usar o Speed Brain, basta navegar até **Speed > Otimização > Ot
imizações da Cloudflare** no painel do Cloudflare e ativar a opção.
Esta é a oportunidade perfeita para aproveitar a revolução na navegação online!
