Lazy Loading progresivo para Joomla

Crear un gran contenido en Joomla! es una cosa, hacerlo accesible es otra. Lazy loading es una solución que combina ambas sin alterar su flujo de trabajo. Con lazy loadingprogresivo, las imágenes se cargan solo si y cuando se necesitan. Si el lector nunca llega a una imagen en la página web, nunca se descarga. Ahora, lazy loading también está disponible en Joomla!

Los beneficios de lazy loading son muchos; las páginas se cargan más rápido, lo que significa que la experiencia del usuario es mejor, las puntuaciones de SEO aumentan y el contenido de Joomla es más accesible para los usuarios con dispositivos de gama baja o acceso lento a Internet. Hace unas semanas, presentamos una mejora en la receta básica de lazy loading en WordPress. Hoy, lo presentamos también para Joomla!, pero antes, una mirada a cómo puede habilitar lazy loading progresivo en Joomla!

Habilitar Lazy Loading en Joomla!

Lazy loading en Joomla! es parte de la extensión Speed Cache. Activar lazy loading es tan simple como pulsar un interruptor. Sin embargo, Speed Cache de Joomla! también incluye otras características que te ayudan a aprovechar al máximo lazy loading.

Para configurar en su blog de Joomla, diríjase al panel de control de . Desde allí, haga clic en el botón de configuración para ir a la nueva página de configuración de

Las lazy loading se encuentran en la pestaña parámetros. Navegue hasta allí o utilice la nueva funcionalidad de búsqueda para buscar las configuraciones de lazy loading. Para habilitar lazy loading, simplemente active la opción lazy loading. Tan pronto como lo haga, Speed Cache muestra nuevas opciones para personalizar lazy loading según su sitio web.

Excluir imágenes de la carga diferida en Joomla!

Con los dos primeros campos, puede excluir ciertas imágenes de lazy loading si son muy pequeñas, como iconos o logotipos pequeños. Esto es útil para habilitar lazy loading solo para imágenes que realmente impactan el tiempo de carga de su blog de Joomla. Por esta razón, asegúrese de excluir solo imágenes muy pequeñas para no hacer que lazy loading sea ineficaz.

En algunos casos, sin embargo, es posible que desee excluir (o incluir) conjuntos enteros de publicaciones o páginas de Joomla de lazy loading. Las razones por las que haría esto varían mucho y son razonables, tal vez los medios que incluyen son parte integral del contenido. Los siguientes dos campos se utilizan para este efecto.

Con el primer campo puede habilitar lazy loading solo para ciertas páginas, y con el segundo campo puede deshabilitar lazy loading solo para una selección del contenido. En ambos casos, también se permiten comodines; use el símbolo asterisco para aplicar lazy loading sobre conjuntos de entradas o páginas de Joomla! con nombres similares. Guarde los cambios para habilitar lazy loading: lazy loading tiene efecto en su blog de Joomla! automáticamente.

Cómo funciona la carga diferida progresiva en Joomla!

Lazy loading sirve contenido tan pronto como se requiere. Por lo general, las páginas están compuestas por una combinación de texto e imágenes. La descarga de medios toma más tiempo que la descarga de texto, especialmente en móviles de gama baja o con acceso a Internet lento. Mientras que su blog de Joomla! no puede acelerar mágicamente los móviles o el acceso a Internet, puede hacer la siguiente mejor cosa: mejorar la experiencia del usuario.

Lo que lazy loading significa en efecto es que el navegador inicialmente carga el texto, que es comúnmente la parte integral de su blog de Joomla. El texto también es mucho más pequeño en tamaño, por lo que se carga más rápido y sus lectores pueden seguir adelante. Cuando se desplazan hacia abajo y una imagen entra en la vista, lazy loading descarga y muestra la imagen.

En realidad, puede que todavía se tarde algún tiempo en cargar una imagen. Por lo tanto, la carga diferida progresiva de imágenes crea automáticamente una versión pequeña de las imágenes—20px de ancho, con 4 colores y solo unos pocos KB de tamaño—las amplía al tamaño original y luego las desenfoca. El efecto es una versión borrosa de la imagen a tamaño completo que indica que la imagen todavía se está descargando. Cuando lazy loading termina de descargar la imagen, Joomla! reemplaza la imagen borrosa con la imagen completa.

La lazy loading progresiva se habilita automáticamente con lazy loading, lo que significa que no necesita realizar cambios adicionales. Lo mejor de todo es que, al usar solo versiones pequeñas de la imagen, la lazy loading progresiva agrega muy poca sobrecarga al espacio de almacenamiento de Joomla.

Lazy Loading en galerías de Joomla!

Lazy loading no discrimina. El lazy loading de Speed Cachefunciona para cualquier imagen, incluidas las galerías, como las galerías de Droppics . De manera similar a las imágenes normales, Speed Cache amplía una versión pequeña de las imágenes en la galería y la desenfoca. Cuando los usuarios se desplazan hacia abajo, lazy loading descarga las imágenes a tamaño completo.

Lo mejor de todo es que la Speed Cachede lazy loading no obstaculiza su flujo de trabajo. En su lugar, inyecta lazy loading en su proceso: simplemente inserte una imagen o una galería en cualquier lugar de su blog de Joomla! y Speed Cache carga automáticamente las imágenes de forma diferida utilizando AJAX una por una después de que se haya cargado el contenido principal, principalmente el texto y las imágenes pequeñas excluidas por sus preferencias.

Carga diferida inteligente basada en la altura de la pantalla

Lazy loading se trata de desplazamiento y altura de pantalla. Speed Cache’s lazy loading es muy inteligente de una manera que se aplica solo en la altura de pantalla actual (basado en la ventana gráfica) y precarga la siguiente. Así que si tienes una conexión rápida o si te desplazas lentamente, ni siquiera notarás que lazy loading está activado en tu sitio web de Joomla.

Además, este lazy loading basado en la altura de la pantalla solo se aplica en la altura de pantalla actual incluso si está en el medio de la página, en caso de un enlace a un ancla por ejemplo. Luego, el lazy loading se aplica una vez que se desplaza hacia arriba o hacia abajo.

SEO de Joomla y Lazy Loading

La carga diferida utilizada en Speed Cache no afecta al SEO. De hecho, los motores de búsqueda que rastrean su contenido, como el bot de Google, solo verán ventajas:

• Los tiempos de carga de la página son mucho mejores;
• Todo el contenido de la imagen, incluyendo el texto alternativo, el título de la imagen y la descripción, se cargan inmediatamente sin lazy loading; y
• Los títulos de las imágenes también se cargan cuando la página se renderiza por primera vez.

La carga diferida progresiva es un compromiso entre mostrar medios y retrasar su descarga añadiendo pistas visuales. Al mismo tiempo, la carga diferida hace que navegar por su blog de Joomla sea una experiencia más rápida y agradable. No debería haber límites para compartir contenido excelente y ahora, con la carga diferida progresiva en Joomla, tampoco hay límites para hacerlo accesible.

Por supuesto, también podemos tener en cuenta que Speed Cache también ofrece muchas otras herramientas increíbles como un módulo de caché realmente agradable que nos permitirá acelerar nuestros sitios y llevarlos al siguiente nivel.

Compruebe para Joomla:  https://www.joomunited.com/products/speed-cache