
instant.page é um pequeno script que permite acelerar a navegação no site usando o pré-carregamento just-in-time. Quando o usuário passa o mouse sobre o link, a página é pré-carregada em segundo plano e, ao clicar no link, ela é aberta instantaneamente. InstantClick funciona com o mesmo princípio , mas é fornecido como uma biblioteca separada em pushState e Ajax, com módulos adicionais, como uma barra de progresso de pré-carregamento.
Instalação
Basta adicionar um script ao final do corpo:
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>
Pode parecer que na web moderna não faz sentido distribuir sua solução por meio de um script em vez de colocá-la em npm, mas isso não é JQuery e todo o código se encaixa literalmente em pouco mais de 200 linhas, então mesmo o aplicativo mais leve pode se dar ao luxo de conectá-lo. Além disso, o link rápido super popular, mas polêmico, do Google já está na forma de um módulo.
Área de Trabalho
Estudos diferentes têm valores diferentes, então é impossível dizer com certeza com que probabilidade uma pessoa clicará no link sobre o qual pairou e com que rapidez isso acontecerá. O autor do script afirma que se o ponteiro já estiver pairando sobre o link por mais de 65 milissegundos, o usuário o seguirá na metade do tempo.
Para reduzir o número de falsos positivos, tanto o instant.page quanto o InstantClick oferecem a opção de acionar uma pré-carga no momento do pressionamento (botão do mouse para baixo), o que deve acelerar o carregamento em 80 milissegundos em média. É verdade que o script carrega apenas HTML e outros recursos de gordura ainda carregam normalmente.
Instant.page também tem um gatilho completamente insano para maníacos (e amantes de links rápidos), que carrega a página quando o link está visível.... Felizmente, também existe um modo de lista de permissões.
telefone
Não há hover na versão móvel, então o pré-carregamento começa no momento em que você começa a clicar no link, o que dá um aumento de cerca de 90 milissegundos, ou você também pode escolher um gatilho para acertar a janela de visualização, mas para isso você precisa ter páginas muito finas ou um número mínimo e conhecido de links (por exemplo, você pode pré-carregar a próxima página após enviar o formulário) ou configurar uma lista de permissões.
Configurando
- Whitelist : o pré - carregamento funciona apenas para links com um atributo
data-instant
(para isso, um atributo deve ser adicionado ao corpodata-instant-whitelist
) - Lista negra: links com o atributo não carregam
data-no-instant
- Os links externos não são carregados por padrão, você pode alterar isso adicionando
data-instant-allow-external-links
ao corpo - , . ,
data-instant-allow-query-string
body
- uBlock Origin , EasyPrivacy, . instant.page , issue. , . Firefox uBlock Origin , .
- Safari 13 . Safari 14.
Em menos de um ano (e instant.page se tornou popular ainda menos de meio ano atrás), a tecnologia ganhou uma posição no mercado, conquistou grandes clientes como Spotify e Pepsico, e é igualada pelo número de estrelas do GitHub ao InstantClick, que está lá desde 2014. O autor afirma (com referência a builtwith ) mais de 7.000 sites usando instant.page, com uma audiência combinada de mais de 76 milhões de usuários mensais.
Publicidade
VDS para sites de todos os tamanhos - trata-se de nossos servidores épicos ! São protegidos gratuitamente contra ataques DDoS, a velocidade do canal da Internet é de 500 Megabits. Fornecemos a capacidade de instalar automaticamente um painel de controle VestaCP conveniente para sites de hospedagem. Apresse-se para fazer o pedido!
