Lazy Loading progresiva para Joomla

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

Los beneficios de la lazy loading son muchos; las páginas se cargan más rápido, lo que significa que la experiencia del usuario es mejor, los puntajes de SEO se disparan y su contenido de Joomla es más accesible para los usuarios en 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 para Joomla! también, pero antes de eso, un vistazo a cómo puedes habilitar la lazy loading progresiva en Joomla!

Habilitar la Lazy Loading diferida en Joomla!

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

Para configurar la lazy loading en su Joomla! blog, dirígete a tu panel de Speed Cache . Desde allí, haga clic en el botón de configuración para dirigirse a la nueva página de configuración de Speed Cache .

La configuración de lazy loading se encuentra en la pestaña de parámetros . Navegue allí o use la nueva función de búsqueda para buscar la configuración de lazy loading . Para habilitar la lazy loading , simplemente active la opción de lazy loading . Tan pronto como lo haga, Speed Cache muestra nuevas opciones para personalizar la lazy loading para que se adapte a su sitio web.

Excluir imágenes de Joomla!

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

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

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

Cómo funciona la Lazy Loading progresiva en Joomla!

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

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

En realidad, es posible que la imagen tarde un poco en cargarse. Por lo tanto, la lazy loading imágenes progresivas 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 difumina. El efecto es una versión borrosa de la imagen de tamaño completo que indica que la imagen aún se está descargando. Cuando la lazy loading termina de descargar la imagen, Joomla! reemplaza la imagen borrosa por la imagen completa.

La lazy loading progresiva se habilita automáticamente con la lazy loading , lo que significa que no es necesario realizar ningún cambio adicional. Lo mejor de todo es que al usar solo versiones pequeñas de la imagen, la lazy loading progresiva agrega muy poca sobrecarga a su Joomla! Espacio de almacenamiento.

Lazy Loading diferida en Joomla! Galerias

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

Lo mejor de todo es que la lazy loading Speed Cache no obstaculiza su flujo de trabajo. En cambio, inyecta lazy loading en su proceso: simplemente inserte una imagen o una galería en cualquier lugar de su Joomla! El blog y Speed Cache cargan automáticamente las imágenes de forma perezosa usando 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.

Lazy Loading inteligente basada en la altura de la pantalla

Lazy loading tiene que ver con el desplazamiento y la altura de la pantalla. La lazy loading Speed Cache es muy inteligente de manera que se aplica solo en la altura de la pantalla actual (según la ventana gráfica) y carga previamente la siguiente. Entonces, si tiene una conexión rápida o si se desplaza lentamente, ni siquiera notará que la lazy loading está activada en su sitio web Joomla.

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

SEO de Joomla y Lazy Loading

La lazy loading 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, incluido el texto alternativo, el título de la imagen y la descripción, se cargan inmediatamente sin lazy loading ; y
• Los subtítulos de las imágenes también se cargan cuando la página se muestra por primera vez.

La lazy loading progresiva es un compromiso entre mostrar medios y retrasar su descarga agregando señales visuales. Al mismo tiempo, la lazy loading hace que navegar por su Joomla! blog una experiencia más rápida y agradable. No debería haber límites para compartir contenido excelente y ahora, con lazy loading 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.

Verifique Speed Cache para Joomla:  https://www.joomunited.com/products/speed-cache