Para que serve o pré-carregamento de páginas da web? Pré-busca da página da Web pré-carregamento da tecnologia instant.page

A velocidade de carregamento da página da Web afetará suaComércio eletrônicosite no buscadorSEOclassificação.

O que é o pré-carregamento de página da web?

Existe uma técnica chamada pré-busca que na verdade é uma técnica de pré-carregamento.

• Quando um usuário visita intencionalmente uma página, o navegador pré-carrega a página.
• Quando o usuário realmente clica no link, ele lê diretamente o conteúdo da página do cache pré-carregado e reduz o tempo de carregamento da página.
• A Amazon e outros descobriram que a latência de 100 milissegundos é responsável por 1% das vendas, mas a latência na web é difícil de superar.

Pré-busca da página da WebPara que serve o pré-carregamento?

instant.page usa pré-carregamento instantâneo - ele pré-carrega a página antes que o usuário clique ▼

• Antes de o usuário clicar no link, ele passa o mouse sobre o link.
• Quando o usuário passar o mouse por 65 ms, ele terá a chance de clicar no link, então instant.page começa a pré-carregar neste ponto, com uma média de mais de 300 ms para a página ser pré-carregada.
• Em dispositivos móveis, os usuários começam a tocar na tela antes de liberar, levando em média 90ms para pré-carregar a página.

A pré-busca faz com que as páginas da Web sejam carregadas mais rapidamente

• O cérebro humano leva menos de 100 milissegundos para perceber uma ação instantaneamente.
• Portanto, a tecnologia de pré-carregamento instant.page pode fazer seu site parecer instantâneo mesmo em 3G (supondo que a velocidade de renderização de sua página seja rápida).

Como resolver o carregamento lento de páginas da web?

As páginas são pré-carregadas apenas quando há uma alta probabilidade de que o usuário as visite, e apenas pré-carrega o HTML dessa página, respeitando a largura de banda e CPU do usuário e do servidor.

• Ele usa ouvintes de eventos passivos para manter suas páginas suaves.
• Não é pré-carregado quando o usuário habilita a proteção de dados (a partir da versão 1.2.2).
• É 1 kB e carrega depois de todo o resto.É gratuito e de código aberto (licença MIT).

Qual é o efeito do pré-carregamento de página da Web de pré-busca instant.page?

Após testar a adição do código instant.page, a melhoria na velocidade de acesso ao site ainda é relativamente grande.

• Por padrão, ele filtrará para pré-carregar apenas os links deste site e não carregará links de outros sites.
• Quando o mouse clicar no link do artigo à esquerda por mais de 65ms, a Rede irá pré-carregar a página do artigo.
• Ao pairar por menos de 65ms, o pré-carregamento não é realizado (parte vermelha)▼

O uso do instant.page aumentará significativamente o PV do seu site e o volume de solicitações:

• Um amigo disse que seu número médio de visitas por visita foi de 13.84.
• Após o uso, o número de visitas per capita subiu para 17.43, o que equivale a abrir mais 4 páginas por pessoa.

Nota:

• Deve-se notar que os blogueiros que usam CDNs pagos e CDNs abertos de site completo devem fazê-lo com cautela.
• Mas não se preocupe, o pré-carregamento só carrega páginas html, imagens e outros arquivos não, então não haverá muita perda de tráfego.

Como usar a tecnologia de pré-carregamento de páginas da web?

Na verdade, existe um atributo rel na tag link do html5, um dos quais é pré-busca, mas o número de consumidores é pequeno.

O instant.page apresentado neste artigo é um script que usa essa técnica.

• Este script julgará com base em quanto tempo o usuário passa o mouse sobre o link.
• Quando atinge 65ms, o usuário tem meia chance de abrir o link e o Instant.page pré-carrega esta página.

Código de script JS de pré-carregamento de página da Web

1) Forneça oficialmente scripts JS com aceleração da Cloudflare▼

O uso do instant.page é muito simples, basta adicionar o seguinte código ao seu sitePouco antes do rótulo.

<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBz虚ni砖用wang络kLHw"></script>

2) Liberdade auto-hospedadaChen WeiliangOferta▼

• O script fica no servidor, Instantclick-1.2.2.js, então você não precisa se preocupar em deixar as coisas mais lentas. 

Por favor, adicione o seguinte código ao seu sitePouco antes do rótulo:

<script src="https://img.chenweiliang.com/javascript/instantpage.js" type="module"></script>