WordPress Hosting

pssst

Carga especulativa en WordPress

El concepto de carga especulativa es una estrategia de aplicación de reglas para mejorar la experiencia de navegación de los usuarios, basándose en una prelectura (prefetch) o precarga (prerender) de las URLs de una página en el momento en el que el usuario coloca el cursor sobre una URL, asumiendo que hará clic y empezando a preleer o precargar la página antes incluso de que haga clic, de manera que cuando finalmente haga clic la carga de la nueva URL sea prácticamente inmediata.

Estas reglas de carga especulativa actualmente solo las reconocen mayoritariamente los navegadores basados en el motor Chromium, pero poco a poco las irán adaptando el resto, como Safari o Firefox.

Eso sí, en el caso de que los visitantes de tu web usen mayoritariamente el navegador Chrome y similares, la mejora de la experiencia de navegación, la velocidad de carga de cada nueva URL, se incrementará muchísimo gracias a la carga especulativa.

Si quieres probar estas reglas, el equipo de rendimiento de WordPress ha publicado un plugin que utiliza la API de carga especulativa para ofrecer estas mejoras de velocidad de carga en navegadores compatibles.

Solo tienes que instalar y activar el plugin Speculative Loading y funciona por sí solo, haciendo prelectura inicialmente, aunque puedes cambiar el método de carga especulativa (prelectura o precarga) desde los ajustes de lectura.

ajustes carga especulativa

También, si quieres, tienes ajustes para seleccionar el nivel de prelectura o precarga, entre entusiasmo, moderado y conservador, dependiendo de cuán rápido quieras que se lance la carga especulativa.

Por defecto, el plugin usa prelectura (prefetch) en nivel moderado.

¿Mejora la carga especulativa las métricas web de Google?

No esperes que estas reglas de carga especulativa mejoren tus métricas web pues es algo que no miden actualmente, y el motor Lighthouse únicamente mide la página cargada que le pides que analice, no la experiencia real de navegación entre distintas páginas.

Ahora bien, ¿significa esto que no se siente una mejora significativa en la velocidad de navegación?, pues claro que no. La realidad, nada más instalar y activar el plugin, es que la navegación entre distintas URLs de una misma web se nota mucho más rápida, sin duda alguna, se aprecia de inmediato.

¿Tiene algún inconveniente la carga especulativa?

Inconveniente inconveniente … según lo mires.

Por ejemplo, si tu sistema de analítica mide la carga de las páginas de tu web sin clic verás que se incrementan las visitas, que en realidad se duplican, pues hay 2 cargas de cada URL, una con la prelectura, y otra al hacer el clic real.

Por otra parte, al no almacenarse en caché (el plugin no tiene caché) cada prelectura o precarga, puede aumentar mucho el consumo de recursos del servidor, al cargarse por duplicado todas las cargas de URL, la de prelectura y la real, siendo además que en muchos casos le prelectura no servirá de nada, si finalmente el usuario no hace clic.

Esto implica que será buena idea que vigiles el consumo de recursos de tu servidor nada más instalar el plugin, por si se dispara el mismo.

¿En qué se diferencia la carga especulativa de la precarga de los plugins de caché?

Hay dos tipos de precarga que hacen los plugins de caché. Por un lado tenemos el llamado precalentamiento de caché, o precarga de caché, el más habitual, mediante el que se almacenan en la caché estática que crea el plugin todas o muchas de las URLs existentes en la web, normalmente basándose en el mapa del sitio.

Este tipo de precarga no depende de visitas ni de clics, se hace automáticamente, y genera una buena base de caché para tu web, a la espera de las visitas reales, para las que ya tendrá una versión estática que mostrar.

Los principales plugins de caché, como Speed Optimizer y WP Rocket, ofrecen este tipo de precarga.

Además de esta precarga de caché, también WP Rocket ofrece una versión ampliada de la carga especulativa, denominada precarga de enlaces, y funciona de manera que cuando un usuario pasa el cursor sobre un enlace o lo «toca» durante 100 ms o más, el HTML de esa página se recuperará en segundo plano, de modo que cuando haga clic en el enlace, ¡parecerá que la página se carga casi instantáneamente!

precarga enlaces wp rocket

Esta precarga funciona tanto para URLs ya en caché como para las que no lo estén, y tiene las mismas ventajas e inconvenientes que la carga especulativa vista anteriormente, así que usa uno u otro plugin para esta utilidad, pero no ambos.

Resume el artículo con tu IA favorita o compártelo en redes

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en las estrellas para valorarlo!

Promedio de puntuación 4.9 / 5. Total de votos: 9

¡Todavía no hay votos! Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!



Sobre el autor

1 comentario en “Carga especulativa en WordPress”

  1. Si funciona con el hover del cursor, en los dispositivos mobiles el prefetch funcionará?

Los comentarios están cerrados.

Scroll al inicio