En un episodio reciente del podcast Search Off The Record, se reveló que el sistema de renderizado de Google ahora pretende estar “inactivo” para activar ciertos eventos de JavaScript y mejorar el renderizado de páginas web.

El podcast presenta a Zoe Clifford del equipo de renderizado de Google, quien analizó cómo los rastreadores web de la compañía manejan los sitios basados ​​en JavaScript.

Esta revelación es reveladora para los desarrolladores web que utilizan dichos métodos para diferir la carga de contenido.

El truco “inactivo” de Google

El robot de Google simula estados “inactivos” durante el procesamiento, lo que desencadena eventos de JavaScript como requestIdleCallback.

Los desarrolladores utilizan esta función para posponer la carga de contenido menos crítico hasta que el navegador esté libre de otras tareas.

Antes de este cambio, el proceso de renderizado de Google era tan eficiente que el navegador siempre estaba activo, lo que provocaba que algunos sitios web no cargaran contenido importante.

Clifford explicó:

“Había cierto sitio web de videos popular que no nombraré… que posponía la carga del contenido de la página hasta después de que se activara requestIdleCallback”.

Como el navegador nunca estuvo inactivo, este evento no se activaba, lo que impedía que gran parte de la página se cargara correctamente.

Fingir tiempo de inactividad para mejorar el renderizado

Google implementó un sistema en el que el navegador finge estar inactivo periódicamente, incluso cuando está ocupado mostrando páginas.

Este ajuste garantiza que las devoluciones de llamadas inactivas se activen correctamente, lo que permite que las páginas carguen completamente su contenido para indexarlo.

Importancia del manejo de errores

Clifford enfatizó la importancia de que los desarrolladores implementen un manejo elegante de errores en su código JavaScript.

Los errores no controlados pueden generar páginas en blanco, redireccionamientos o falta de contenido, lo que afecta negativamente a la indexación.

Ella aconsejó:

“Si hay un error, simplemente intento manejarlo lo más elegantemente posible… el desarrollo web es algo difícil”.

¿Qué quiere decir esto?

Implicaciones para los desarrolladores web

• Manejo elegante de errores: La implementación de un manejo elegante de errores garantiza que las páginas se carguen según lo previsto, incluso si ciertos elementos del código fallan.
• Uso cauteloso de devoluciones de llamadas inactivas: Si bien Google se ha adaptado para manejar devoluciones de llamadas inactivas, tenga cuidado de no confiar demasiado en estas funciones.

Implicaciones para los profesionales de SEO

• Monitoreo y pruebas: Implemente monitoreo y pruebas periódicas del sitio web para identificar problemas de representación que puedan afectar la visibilidad de la búsqueda.
• Colaboración de desarrolladores: Colabore con su equipo de desarrollo para crear sitios web fáciles de usar y compatibles con los motores de búsqueda.
• Aprendizaje continuo: Manténgase actualizado con los últimos desarrollos y mejores prácticas sobre cómo los motores de búsqueda manejan JavaScript, representan páginas web y evalúan contenido.

Otros temas relacionados con el renderizado discutidos

La discusión también abordó otros temas relacionados con la representación, como los desafíos que plantea la detección de agentes de usuario y el manejo de redirecciones de JavaScript.

Todo el podcast proporciona información valiosa sobre la representación web y los pasos que sigue Google para evaluar las páginas con precisión.

Ver también: Google representa todas las páginas para búsqueda, incluidos los sitios con mucho JavaScript

Imagen de portada: fizkes/Shutterstock