Ayuda en línea
El alojamiento web accesible a todos
Procédure
Imagine visitar un sitio web y tener que esperar interminablemente antes de que se cargue por completo, a causa de un sinfín de imágenes y vídeos voluminosos que tu navegador apenas logra cargar. Hay muchas probabilidades de que abandones tu navegación en ese sitio en favor de un [ADDRESS], mejor optimizado. Para evitar que este ejemplo se convierta en realidad en tu sitio, es esencial que te tomes el tiempo de optimizar tus imágenes y actives el lazy loading.
El lazy loading, ¿qué es? I Se trata de una técnica que permite no cargar más que las imágenes y vídeos visibles [ADDRESS] (es decir, lo que ves del sitio sin tener que desplazarte por la página), lo que permite al navegador cargar el contenido importante de la página con prioridad y así reducir los tiempos de carga y mejorar el rendimiento.
El efecto es aún más notable en sitios que muestran muchas imágenes, ya que son [PERSON_NAME] de los elementos más pesados y largos de cargar [PERSON_NAME] sitio.
Mejora la velocidad de tu sitio gracias al lazy loading, que permite cargar tus imágenes y vídeos únicamente cuando ellas [PERSON_NAME]. Con , activas esta opción con un clic mientras mantienes el control sobre los elementos a excluir. Este mejor plugin de caché WordPress es una solución completa para impulsar el rendimiento, disponible en el directorio oficial como mejor plugin de caché WordPress gratuito
Desde hace algunos años, WordPress ofrece lazy-loading por defecto para las imágenes y los iframes; si utilizas una versión de WordPress superior a 5.6, ya deberías estar disfrutándolo.
Si, no obstante, deseas hacerlo manualmente, si no utilizas WordPress o utilizas una versión anterior a la 5.6, basta con añadir el atributo lazy=”load” al elemento que deseas que se cargue de forma perezosa, si es que es compatible:
[PERSON_NAME] que debe cargarlo de forma perezosa. [PERSON_NAME] navegadores se encargarán automáticamente de elegir cuándo cargar las imágenes, no tienes nada más que hacer. [PERSON_NAME] tienes [PERSON_NAME] compatible, [PERSON_NAME] nada.
Algunas extensiones también te permiten mejorar o controlar el Lazy loading de WordPress. Una de estas extensiones es LWS Optimize, una extensión realizada por LWS.
El lazy-loading está preactivado desde la instalación de la extensión, sin necesidad de configuración adicional por tu parte. LWS Optimize se encargará de optimizar la visualización de las imágenes, especialmente aquellas directamente visibles al cargar [PERSON_NAME] página, para asegurarse de que solo las imágenes importantes se carguen inmediatamente.
Para gestionar el lazy-load desde LWS Optimize, solo tienes que ir a los ajustes de la extensión, en la parte avanzada mediante el botón dedicado [PERSON_NAME] “Medios” :
Aquí puedes [PERSON_NAME] del lazy-loading así como excluir elementos. [PERSON_NAME], haz clic en el botón “Excluir archivos”, [PERSON_NAME] abrirá una nueva ventana, en la que podrás gestionar diferentes elementos:
Tienes la posibilidad de excluir elementos del lazy load según las clases CSS que posean o el tipo de medio al que pertenezcan (vídeo, iframe, ...). También puedes simplemente indicar la URL a excluir, [PERSON_NAME] excluirá del proceso cualquier elemento que contenga esa URL. Una vez introducidas las exclusiones, haz clic en el botón "Guardar" para guardar tus cambios.
Ahora ya sabes cómo: reducir los tiempos de carga de tu sitio implementando el lazy loading, utilizar esta técnica [PERSON_NAME] manualmente o con ayuda de extensiones, y gestionar las excepciones para ciertos elementos. 🚀
Gracias a este artículo, [PERSON_NAME] páginas web ya no deberían tener secretos para ti. Ahora estás en condiciones de activar el lazy loading en tu sitio WordPress, de utilizar plugins como LWS Optimize para un control más [ADDRESS], e incluso de saber cómo excluir ciertas imágenes o vídeos de esta optimización si es necesario. 💡
Tus usuarios podrán disfrutar de una experiencia de usuario mejorada, con páginas que se cargan rápidamente y sin frustración. 🌐✨
¡Gracias por leernos hasta el final! [PERSON_NAME] lazy loading en tu sitio ? ¿Te enfrentas a desafíos específicos? No dudes en compartir tu experiencia y en hacer tus preguntas en la sección de comentarios a continuación. 👇 ¡Tu opinión es valiosa y podría ayudar a otros lectores!
Y si este artículo te ha sido útil, ¡piensa en compartirlo con otros webmasters o desarrolladores que puedan beneficiarse de estos consejos! 🤓
Hágala al equipo de LWS y a la comunidad. La respuesta se publica tras la moderación.
Acerca de LWS :
LWS es una empresa de alojamiento web 100% francesa que apuesta por la calidad y la innovación y ofrece un servicio técnico reactivo y competente a precios asequibles.
Sí
No