Imagenes destacadas cargan en diferido (loading) y esto se “penaliza”
-
Hola.
Antes que nada, juro que antes de venir por acá probé con “de todo” (Incluso traté de meterme en el código de Gutenberg pero NO encontré lo que buscaba).
Dicho esto, a continuación, paso a describirles el problema:
1) Estoy redise?ando mi sitio (Por eso la url está un poco “rara”, je. Pero es temporal)
2) Hasta ahora “casi” todo marcha sobre ruedas. Excepto por 2(dos) “problemitas”…
2.1) Los estilos de fuente (en particular el “peso”) se ven distinto que en el editor.
2.2) Las imagenes destacadas (cargadas a través del bloque de “Imagen destacada de la entrada”), carga en diferido (El sistema le agrega la carga diferida nativa de WordPress, a través de loading=”lazy”)
El 1er. problema (2.1) se lo pasé a Elementor pues, en mi sitio, estoy utilizando la plantilla “Hello Elementor” pero – hasta ahora – NO obtuve NINGUNA respuesta.
Específicamente lo que ocurre es lo siguiente:
2.1.1) En la siguiente captura de pantalla, pueden ver como queda una entrada cuando la edito mediante Gutenberg…
Es decir (en dicho editor) el texto se ve como me interesa. Esto es;
2.1.1.1) Una frase en, opens sans; font-size: 16px; line-height: 26px; font-weight: 400; (O – lo que es lo mismo – un texto “normal”).
2.1.1.2) A continuación, otra frase pero, con font-weight: 700; (Es decir “negrita”).
Hasta aquí, pareciera que va todo bien. Peeero…
2.1.2) Aquí tienen como se ve el mismo texto pero, del lado del visitante
Nota: En este 1er. ejemplo, estoy entrando desde una ventana de incognito por las dudas puedan “sospechar” que es un problema de cache. Aunque SIEMPRE las limpio. Pero bue!
Si se dan cuenta, la frase (lorem ipsum)…
…”Curabitur et arcu elit. Vestibulum lobortis sodales lorem”…
?NO Destaca!
Esto es así pues, por alguna razón que desconozco, desde que comencé el redise?o con esta plantilla (Hello Elementor)… ?TODOS mis textos se ven en “negrita”!
Sin embargo, a continuación les mostraré el mismo ejemplo pero, desde una ventana “normal” de Google Chrome en la que, instalé una extensión que muestra el tipo y los estilos de fuente (Para que vean mejor lo que estoy tratando de explicar)…
Como pueden ver, el texto de arriba dice que es;
opens sans; font-size: 16px; line-height: 26px; font-weight: 400;
Es decir NORMAL.
En cambio, la frase antes mencionada es…
opens sans; font-size: 16px; line-height: 26px; font-weight: 700;
Es decir NEGRITA.
Y, sin embargo, para cualquier lector ?NO hay – ni habrá – NINGUNA diferencia!
Creanmé que, para este proyecto es imperativo poder destacar algunas frases y/o palabras pues, cuando empiece a transcribir los borradores que ya terminé, lo haré con textos larguísimos (literal).
2.2.1) Respecto de las imagenes destacadas, el problema es el siguiente…
Como pueden observar, Google me está “penalizando” pues…
…”La imagen del renderizado del mayor elemento con contenido se ha cargado en diferido”…
Y esto es así porque (y en eso tengo que darles la razón)…
…”Las imágenes de la parte visible a primera vista que se cargan en diferido se renderizan más tarde en el ciclo de vida de la página, lo que puede retrasar el renderizado del mayor elemento con contenido”…
Resumiendo, les pregunto:
a) ?Hay alguna manera de conseguir que, partes de mis textos destaquen para el lector?
b) ?Como hago para evitar el lazing=”loading” en las imagenes destacadas?
c) ?Vale la pena que siga las siguientes recomendaciones que, el equipo de Soporte de Elementor, publicó en sus foros, en respuestas a usuarios con problemas similares?
c.1) Desactive todos los plugins, excepto Elementor (Sepan que… ?Tengo 20!)
c.2) Active uno por uno hasta que encuentre el que “pueda” estar dando conflicto (Ni siquiera estan seguros)
c.3) Si lo anterior no funciona, pruebe cambiando de plantilla
Como pueden ver, en mi modesta opinión ?NO tienen idea!
Pero en fin.
Aguardo vuestros comentarios.
Desde ya, muchas gracias.
Saludos.
- The topic ‘Imagenes destacadas cargan en diferido (loading) y esto se “penaliza”’ is closed to new replies.