instant.page es un pequeño script que le permite acelerar la navegación de su sitio mediante la precarga justo a tiempo. Cuando el usuario pasa el mouse sobre el enlace, la página se carga previamente en segundo plano y, al hacer clic en el enlace, se abre instantáneamente. InstantClick funciona con el mismo principio , pero se proporciona como una biblioteca separada en pushState y Ajax, con módulos adicionales como una barra de progreso de precarga.
Instalación
Simplemente agregue un script al final del cuerpo:
<script src="//instant.page/5.1.0" type="module" integrity="sha384-by67kQnR+pyfy8yWP4kPO12fHKRLHZPfEsiSXR8u2IKcTdxD805MGUXBzVPnkLHw"></script>Puede parecer que en la web moderna no tiene sentido distribuir su solución a través de un script en lugar de colocarla en npm, pero esto no es JQuery y todo el código literalmente cabe en un poco más de 200 líneas, por lo que incluso la aplicación más liviana puede permitirse conectarlo. Además, en forma de módulo ya existe un enlace rápido súper popular pero controvertido de Google.
Escritorio
Diferentes estudios obtienen valores diferentes, por lo que es imposible decir con certeza con qué probabilidad una persona hará clic en el enlace sobre el que pasó el mouse y qué tan rápido sucederá. El autor del script afirma que si el puntero ya está sobre el enlace durante más de 65 milisegundos, el usuario lo seguirá la mitad del tiempo.
Para reducir el número de falsos positivos, tanto instant.page como InstantClick ofrecen una opción para activar una precarga en el momento de presionar (mousedown), lo que debería acelerar la carga en 80 milisegundos en promedio. Es cierto que el script solo carga HTML y otros recursos pesados aún se cargarán normalmente.
Instant.page también tiene un disparador completamente loco para los maníacos (y amantes de los enlaces rápidos), que carga la página cuando el enlace está visible.... Afortunadamente, también hay un modo de lista blanca.
Teléfono
No hay hover en la versión móvil, por lo que la precarga comienza en el momento de hacer clic en el enlace, lo que da un aumento de aproximadamente 90 milisegundos, o también puede elegir un disparador para presionar la ventana gráfica, pero para esto debe tener páginas muy delgadas o un número mínimo y conocido de enlaces. (por ejemplo, puede precargar la página siguiente después de enviar el formulario) o configurar una lista blanca.
Configurar
- Lista blanca : la precarga funciona solo para enlaces con un atributo
data-instant(para esto, se debe agregar un atributo al cuerpodata-instant-whitelist) - Lista negra: los enlaces con el atributo no se cargarán
data-no-instant - Los enlaces externos no se cargan de forma predeterminada, puede cambiar esto agregando
data-instant-allow-external-linksal cuerpo - , . ,
data-instant-allow-query-stringbody
- uBlock Origin , EasyPrivacy, . instant.page , issue. , . Firefox uBlock Origin , .
- Safari 13 . Safari 14.
En menos de un año (e instant.page se hizo popular incluso hace menos de medio año), la tecnología se ha afianzado en el mercado, ha adquirido grandes clientes como Spotify y Pepsico, y la cantidad de estrellas en GitHub la iguala a InstantClick, que ha estado allí desde 2014. El autor afirma (con referencia a construido con ) más de 7000 sitios que utilizan instant.page, con una audiencia combinada de más de 76 millones de usuarios mensuales.
Publicidad
VDS para sitios de todos los tamaños: ¡se trata de nuestros servidores épicos ! Están protegidos de forma gratuita contra ataques DDoS, la velocidad del canal de Internet es de 500 Megabits. Ofrecemos la posibilidad de instalar automáticamente un panel de control VestaCP conveniente para alojar sitios. ¡Date prisa para hacer tu pedido!
