Google Search es uno de los sitios más populares en la web y también uno de los más rápidos. El equipo de búsqueda invierte continuamente en mejorar la experiencia de búsqueda. En una página tan popular como Google Search, incluso mejoras de milisegundos se acumulan rápidamente. Este interés en la velocidad abarca la conocida página de inicio de Google, la página de resultados del motor de búsqueda (SERP) y los clics a otros sitios desde esos resultados de búsqueda.
Google Search ha estado utilizando la Speculation Rules API para mejorar la velocidad de navegación desde la página de resultados de búsqueda hacia los enlaces de resultados, y han estado empleando algunas características de la API que pueden ser de interés para otros propietarios de sitios.
Prefetch de los dos primeros resultados
Uno de los primeros usos de las reglas de especulación fue realizar prefetch de los dos primeros resultados de búsqueda. Por ejemplo, al buscar «test», se incluye la siguiente regla de especulación en la página:
{
"prefetch": [{
"source": "list",
"requires": [
"anonymous-client-ip-when-cross-origin"
],
"referrer_policy": "strict-origin",
"urls": [
"https://www.merriam-webster.com/dictionary/test",
"https://dictionary.cambridge.org/dictionary/english/test"
]
}]
}
Las dos URL al final son los dos primeros resultados de búsqueda y se prefetchean inmediatamente. Si el usuario hace clic en ellos, tendrán una ventaja, ya que el documento HTML ya estará disponible para el navegador.
La regla y los intentos de prefetch se pueden ver en el panel de DevTools en Aplicación -> Especulación:
Prefetches que preservan la privacidad
Debido a que estos enlaces son para contenido en otros sitios, existen consideraciones adicionales de privacidad para el prefetching, ya que el usuario aún no ha visitado esos sitios.
Afortunadamente, la API fue diseñada teniendo esto en cuenta, y Google Search está utilizando dos características para preservar la privacidad del usuario.
La primera es el uso de la configuración requires para asegurar que los prefetches utilicen el proxy de prefetch privado en Chrome:
"requires": [
"anonymous-client-ip-when-cross-origin"
],
Esto utiliza un proxy de prefetch privado que oculta la dirección IP del usuario durante el prefetch, asegurando que el servidor de destino no pueda identificar al usuario hasta que realmente haga clic en el enlace.
La segunda es el uso de la política de referencia strict-origin, que garantiza que no se envíen detalles codificados en la URL de la página de búsqueda al sitio en el encabezado HTTP referer:
"referrer_policy": "strict-origin",
Esto asegura que el sitio de destino solo vea el dominio de referencia (por ejemplo, google.com) y no la URL completa que podría contener información sensible sobre la consulta de búsqueda del usuario.
Impacto en los usuarios del prefetch de los dos primeros resultados
Google ha observado mejoras significativas en el Largest Contentful Paint (LCP) para los dos primeros resultados:
- En Chrome para Android: el LCP se redujo en 67 milisegundos.
- En Chrome para escritorio: el LCP se redujo en 58.6 milisegundos.
Estas mejoras en el LCP pueden parecer insignificantes, pero para un sitio hiperoptimizado como Google Search, celebramos incluso mejoras de milisegundos para nuestros usuarios, ¡así que mejoras en el rango de decenas de milisegundos son inusuales! Tu sitio puede ver un beneficio significativamente mayor; ¡deberías probarlo para averiguarlo!
El prefetching utilizando las reglas de especulación se ha habilitado por defecto en Search en Android desde octubre de 2022 y se implementó en escritorio en septiembre de 2024.
Más allá de los dos primeros resultados
Desde el lanzamiento inicial de la Speculation Rules API, se ha mejorado con una propiedad de «eagerness» que permite que las especulaciones solo ocurran cuando el usuario pasa el cursor sobre o comienza a hacer clic en un enlace.
Google Search decidió ir más allá de los dos primeros resultados de búsqueda y también realizar prefetch de los resultados restantes, pero solo cuando el usuario pasa el cursor sobre el enlace, utilizando la configuración de «eagerness» moderada. Esto evita el desperdicio innecesario de recursos para enlaces que es menos probable que se hagan clic.
Nuevamente, la regla se puede ver en DevTools cuando buscas en Chrome, y es idéntica a la regla anterior, pero esta vez con la opción "eagerness": "moderate" establecida:
Pasar el cursor sobre estos enlaces activará el prefetch. Ten en cuenta que Google Search enumera explícitamente las URL en lugar de utilizar la función de reglas de documento de la Speculation Rules API, ya que no quieren hacer prefetch de otras URL como anuncios.
Impacto en los usuarios del prefetch más allá de los dos primeros resultados
Chrome para escritorio redujo el First Contentful Paint (FCP) para las navegaciones desde Google Search en 7.6 milisegundos y el LCP en 9.5 milisegundos (según pruebas A/B). Estas representan ganancias más pequeñas en comparación con las mejoras de 58.6 milisegundos observadas en los dos primeros resultados, pero eso no es sorprendente dado el menor
Compatibilidad con Navegadores
🌍 Soporte actual de navegadores:
- ✅ Chrome: Desde la versión 109.
- ✅ Edge: Desde la versión 109.
- ❌ Firefox: No compatible.
- ❌ Safari: No compatible.
Google está trabajando con el W3C para estandarizar la API, con la esperanza de que más navegadores la implementen en el futuro. Actualmente, el proxy de prefetch privado solo está disponible en Chrome, pero si otros navegadores desarrollan su propio sistema de prefetching privado, Google Search podría llevar estas mejoras a otras plataformas.
Debido a las implicaciones de privacidad, Google Search no prefetching en navegadores que no admiten un proxy privado de prefetch, ni ha implementado un método alternativo para otros navegadores. Sin embargo, como una mejora progresiva, esto simplemente significa que los usuarios en navegadores no compatibles no se benefician de este pequeño aumento de velocidad.
¡Pruébalo en tu Sitio Web!
La Speculation Rules API está disponible para que todos los sitios la utilicen, no solo Google Search. Además de las capacidades de prefetching, el prerendering ofrece aún más beneficios cuando se aplica correctamente.
Grandes plataformas como Google Search han demostrado mejoras claras en la experiencia del usuario con esta API. Animamos a todos los propietarios de sitios web a explorar cómo pueden implementar y beneficiarse de esta tecnología.
Las protecciones de privacidad descritas en este artículo también están disponibles para otros sitios, aunque los usuarios deben tener activada la opción de precarga extendida en su configuración para permitir que los sitios no pertenecientes a Google enruten tráfico a través del proxy de prefetch privado de Google. Esto es porque introduce a Google como un intermediario adicional entre el usuario y el sitio web, lo cual no es necesario en los servicios propios de Google.
¿Por Qué Esto Es Importante para SEO?
Una experiencia de búsqueda más rápida puede traducirse en: ✔️ Más usuarios en Google. ✔️ Mayor tráfico hacia los sitios web. ✔️ Mejor conversión y retención de visitantes.
Sin embargo, estos beneficios solo se aplican si tu sitio web tiene visibilidad en los resultados de búsqueda. Esto resalta aún más la importancia de una estrategia de SEO bien optimizada para aprovechar las ventajas de esta actualización.
Conclusión: La Velocidad es Clave en la Experiencia de Búsqueda
Desde mi perspectiva como especialista en SEO, esta implementación refuerza la necesidad de optimizar el rendimiento web y la experiencia de usuario. Mientras Google sigue mejorando su tecnología de búsqueda, es clave que los sitios web adapten sus estrategias para mantenerse competitivos en las SERPs. 🚀
Fuente: Chorme for Developers (Barry Pollard y Oleksiy Busaryev)
