Nesta página: [ocultar]
O que são dicas iniciais?
Dicas iniciais (código de status HTTP 103) é um mecanismo que permite a um servidor enviar dicas ao navegador sobre os recursos que serão necessários para renderizar uma página, mesmo antes de o servidor terminar de gerar o recurso principal. Isso é benéfico para o navegador, pois ele pode usar esse “tempo para pensar” para aquecer conexões e solicitar sub-recursos com antecedência, acelerando o carregamento da página.
A ferramenta disponível para todos Cloudflare clientes gratuitamente e todos podem solicitar acesso BETA para Early Hints dentro do painel do Cloudflare sob o Rapidez aba.
Parece um indicador inicial e está próximo disso quando você entende a lógica por trás disso. As dicas iniciais possibilitam que os navegadores comecem uma fase de pré-carregamento antes de iniciar a resposta principal a ser servida aos clientes. Além disso, isso pode ser usado acompanhando mais dicas de recursos interfaces de programação de aplicativos, como pré-conexão.
Descrição detalhada
Em termos mais diretos, este é um padrão da web que define um novo código de status HTTP (103 Dicas iniciais). O padrão determina novas interações entre um servidor e um cliente. 103 os códigos são servidos aos clientes ao mesmo tempo, 200 código para Está bem ou mensagem de erro está sendo preparada, também conhecida como tempo de pensar do servidor.
Dentro, há dicas sobre quais ativos provavelmente serão necessários para renderizar totalmente a página da web que está sendo carregada. As dicas ajudam a acelerar o carregamento da página e geralmente reduzir a latência percebida pelo usuário.
Em termos leigos, a fim de negar o carregamento lento observado pelos usuários, e realmente criando um ciclo de pré-carregamento, na verdade, reduz o tempo de carregamento de uma página. portanto, tudo o que envolve um site que carrega suas páginas é mais rápido e também é uma melhoria visível para os visitantes.
Pode impulsionar seu site?
A resposta curta é sim. Apenas aumentando sua velocidade, pode aumentar as velocidades de carga, velocidade geral do site, taxas de satisfação do cliente, SEO classificações e muito mais.
Seu site pode ficar mais rápido?
A ferramenta é responsável por páginas individuais e, como tal,, cada página que está sendo carregada, se as dicas iniciais são implementadas em geral, vai carregar mais rápido, tornando tudo mais rápido. Esse é o verdadeiro benefício das dicas iniciais e por que é crucial ter o padrão definido em sua configuração.
A classificação de SEO pode ser melhorada? E quanto à satisfação do cliente?
Como já mencionamos acima, esta ferramenta fará com que as páginas do seu site carreguem mais rápido, e de forma semelhante, as Dicas de rastreador alimentam rastreadores de robôs com dados bons e precisos para que eles rastreiem mais rápido. Quanto mais rápido um bot lê sua página, mais rápido seu site será impulsionado na classificação de SEO. Logicamente, os clientes ficarão felizes com o carregamento mais rápido do site, também.
Dicas de rastreador – O que é isso?
Crawler Hints é outro serviço da Cloudflare que abordaremos, pois tem um objetivo final muito semelhante em comparação com Early Hints. Cobriremos tudo isso nesta seção. Dicas do rastreador é habilitado por padrão e tem apenas benefícios para trazer para a mesa para você, seus clientes e toda a Internet.
Dicas de rastreador fornecem dados de alta qualidade para rastreadores de robôs de mecanismos de pesquisa quando o conteúdo foi modificado em sites usando Cloudflare. Isso permite que eles:
- cronometrar precisamente seu rastreamento
- evite rastros inúteis
bem como para reduzir o consumo de recursos em geral
- Origens do cliente
- Infraestrutura de rastreador
- Infraestrutura Cloudflare
Crawler Hints está disponível para clientes Cloudflare e proprietários de origem. As dicas do rastreador garantirão que os mecanismos de pesquisa e outros processos relacionados a bots sempre tenham a versão mais recente do seu conteúdo, traduzindo-se em usuários satisfeitos e, em última análise, influenciando as classificações de pesquisa de uma forma positiva para todos.
As dicas do rastreador gerarão menos tráfego atingindo sua origem, melhorando o consumo de recursos e limitando o impacto do carbono. Adicionando a isso, o desempenho do seu site vai melhorar, pois as pessoas que visitam seu site não serão mais prejudicadas por bots.
Como acelerar o tempo de carregamento do seu site
Tudo o que você precisa fazer é habilitar as dicas iniciais e a tecnologia fará a aceleração do tempo de carregamento por meio de seu algoritmo. Saiba que nem todos os navegadores o suportam ainda, como está em seu estágio Beta. Google Chrome, Microsoft borda, e os navegadores Mozilla Firefox pretendem oferecer suporte ao padrão no futuro, pois expressaram sua opinião em anúncios.
Vale ressaltar também que em alguns casos, a Maior tinta com conteúdo pode ser acelerado em até um segundo, conforme demonstrado por Shopify e Cloudflare, ou várias centenas de milissegundos, como visto nesta comparação antes/depois.
Como se inscrever para o Beta de dicas iniciais
Siga as etapas abaixo para se inscrever no Early Hints Beta:
- Faça login em sua conta Cloudflare
- No painel, navegue até a guia Velocidade
- Clique na seção Otimização
- Localize o cartão de inscrição do Early Hints beta e solicite acesso
É isso – simples e eficiente. Você só tem que esperar seu acesso ser habilitado pelo Cloudflare, pois aparentemente eles estão fazendo isso em lotes.
Teste de dicas iniciais na versão do navegador Chrome 94+
O suporte está disponível no Chrome executando um sinalizador que funciona no Windows, Sistemas operacionais Mac e Linux:
abra / Applications / Google Chrome Dev.app –args –enable-features = EarlyHintsPreloadForNavigation
Depois de habilitar a bandeira, independentemente do seu sistema operacional, executando seu navegador Chrome com uma versão do 94 ou superior terá as dicas iniciais habilitadas. Você teria seu site se beneficiando da tecnologia e experiência de até 30% tempos de carregamento mais rápidos em qualquer página do seu site.
Testando dicas iniciais com teste de página da web
Aqui vamos ativar a ferramenta em uma ferramenta de teste de página simples para ver como funciona:
- Navegue até webpagetest.org (é de graça).
- Especifique o URL de teste desejado. Ele deve ter os tipos rel de pré-carregamento / pré-conexão necessários no cabeçalho do Link da resposta.
- Escolha uma versão do Chrome superior a 94 para o navegador.
- Debaixo Configurações avançadas, selecionar Cromo
- No final da seção do Chromium há uma seção de linha de comando onde você deve colar o comando listado nas próximas linhas
O comando é a sinalização de dicas iniciais do Chrome:
–enable-features = EarlyHintsPreloadForNavigation.
Depois, você deve ter tudo definido para testar como a ferramenta funciona e aplicá-la ao seu site e colocá-la no ar.