“¿Es la carga diferida de CSS una mala práctica?” Googler da precaución

Googler: Dado que CSS puede determinar el diseño de la página, CLS (Cumulative Layout Shift) puede verse afectado, así que tenga cuidado con eso.
SIA Team
October 29, 2021

John Mueller es un Googler (una persona que trabaja para Google). Es un defensor de la búsqueda, y actualmente, una cosa que hace es alojar y responder preguntas durante el horario de oficina de SEO en inglés.

Durante el minuto 33 del horario de oficina de Google SEO en inglés a partir del 22 de octubre de 2021, John estaba abordando la situación de un participante. Básicamente, preguntaban sobre la carga diferida y las métricas de experiencia de página.

La pregunta específica que estoy abordando aquí ocurrió en la marca de 32 minutos y 58 segundos del video a continuación.

Dicho esto, en realidad he puesto en cola el video a una marca anterior: la marca de 30 minutos y 15 segundos. Lo he hecho porque ahí es donde comienza la conversación, y si la ves desde unos minutos antes, obtendrás un contexto que te dará una mejor comprensión del tema en cuestión.

Entonces, se puede ver que, en el minuto 32, se hizo la pregunta clave:

El participante preguntó: “… Quiero decir, carga perezosa, ¿es esta una mala práctica? ¿O hay algo malo en eso?”

Juan respondió:

“Creo que está perfectamente bien hacer algo así. Con respecto a CSS en particular, por lo que no sé, JavaScript probablemente menos, pero CSS en particular, ya que afecta el diseño de la página, eso podría afectar la puntuación CLS”.

(CLS significa Desplazamiento de diseño acumulativo y es una de las métricas principales de Page Experience. Escribí sobre esto aquí: Google lanza un video sobre cómo mejorar la experiencia de la página a través de Cumulative Layout Shift (CLS).)

Juan continuó:

“Y podría afectar la comprensión de si una página es o no compatible con dispositivos móviles.

“Así que eso podría ser algo a tener en cuenta. Pero de lo contrario, si está utilizando la carga diferida y está haciendo que sus páginas sean mucho más rápidas para los usuarios, entonces es como, buen trabajo. Sí, eso suena bien”.

Por lo tanto, eso es algo a tener en cuenta: cómo la carga diferida de CSS (o tal vez incluso JS o cualquier otro aspecto de su página) puede afectar las puntuaciones de experiencia de página, como CLS o Velocidad de página.

Y, si está haciendo esto como parte de un esfuerzo por mejorar cualquier aspecto de page Experience, lea mi artículo, titulado: Google Page Experience: Everything Else You Need to Know.

(Como su título lo indica, le da el “todo lo demás” que necesita saber para obtener una ventaja).

Fuente: Canal de YouTube de Google Search Central