Download instantâneo de instant.page





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 corpo data-instant-whitelist)
  • Lista negra: links com o atributo não carregamdata-no-instant
  • Os links externos não são carregados por padrão, você pode alterar isso adicionando data-instant-allow-external-linksao 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!






All Articles