Lazyline Innovative Lazy Load and LQIP

Description

Lazyline Innovative Lazy Load and LQIP

Está escrito en JavaScript «normal», aprovecha la API IntersectionObserver, admite imágenes responsivas, optimiza tu sitio web para conexiones más lentas y puede habilitar la carga diferida nativa.

Lazyline ofrece un potente generador de marcadores de posición para sus imágenes. Le permite crear marcadores de posición de baja calidad y mostrarlos en lugar de imágenes de tamaño completo durante la carga del sitio web. El panel de administración de Lazyline le permite realizar un seguimiento dinámico del proceso de generación de LQIP:

Deje de ser penalizado por los motores de búsqueda debido a complementos heredados y mal codificados. Lazyline utiliza la funcionalidad nativa de WordPress, JS original y sigue los estándares de codificación modernos.

Optimizado para SEO

Lazyline no oculta imágenes ni recursos a los motores de búsqueda, sin importar el patrón de marcado que utilices. Los motores de búsqueda no se desplazan ni interactúan con tu sitio web. Lazyline detecta si el agente de usuario puede desplazarse o no. Si no es así, revela todas las imágenes al instante.

Reintento de carga tras desconexión de red

Si los usuarios de su dispositivo móvil tienen conexiones inestables y se desconectan y vuelven a conectarse, Lazyline vuelve a intentar descargar las imágenes que generaron el error.

Modo de desarrollo/depuración

Puede habilitar el modo de desarrollador/depuración para realizar un seguimiento del estado de carga diferida de cada imagen individual. En este modo, hay 8 activadores de estado diferentes, para cada uno de ellos hay un evento independiente que muestra una notificación informativa en la consola del navegador.

Validación adicional

El estado de validación de tus páginas es un punto importante para lograr excelentes resultados de SEO. La mayoría de los desarrolladores se olvidan de agregar los atributos alt, title, width y height a las imágenes porque parecen insignificantes, pero en realidad, estos atributos tienen un gran impacto en el SEO y CLS. Por eso, hemos agregado una configuración independiente que agrega automáticamente estos atributos a tus imágenes.

Observador XMLHttp

¿Estás usando un tema de WordPress preparado para AJAX? ¿O quieres cargar más funciones? No te preocupes, hemos creado un innovador observador que captura cada solicitud ajax en la página y actualiza los datos DOM para cada instancia de Lazyline, de modo que puedas acelerar significativamente las solicitudes XMLHttp y obtener un controlador Lazyline funcional para el contenido cargado con AJAX.

Configuración de desenfoque/antialiasing

Puede habilitar o deshabilitar filtros de imagen nativos, como antialiasing (AAF) y Gaussian Blur. Por ejemplo, para LQIP estándar, se recomienda habilitarlos, ya que esto mejora ligeramente la calidad del marcador de posición. También para LQIP pixelart/primitivos, se recomienda deshabilitar estos filtros para que los píxeles/formas SVG sean nítidos.

Imágenes de reserva/de marcador de posición

Lazyline puede manejar imágenes que no tienen el atributo src o que obtienen un error durante la carga, en tales casos el controlador reemplaza src con un marcador de posición temporal/imagen de respaldo para no dañar el diseño del sitio web.

Clases omitidas / ID de publicaciones

¿No quieres habilitar la función Lazyline para clases específicas o para algunos ID de publicaciones específicos? Esto no es un problema, solo agrega estas clases o ID a la lista de prohibidos y serán ignorados. También puedes deshabilitar la función Lazyline para tipos de publicaciones específicos y para elementos específicos.

Control de umbral

Hemos creado un potente controlador para establecer el umbral de carga diferida, que es un valor a partir del cual las imágenes de Lazyline comienzan a cargarse. Con Lazyline, puede establecer este valor de la manera más detallada, manteniendo un equilibrio entre la optimización y la conveniencia.

Cancelar descargas de imágenes

Si sus usuarios móviles tienen conexiones lentas y se desplazan hacia abajo rápidamente, Lazyline cancela la descarga de imágenes que aún se están cargando pero que ya salieron de la ventana gráfica.

Carga diferida de diferentes elementos multimedia

Lazyline puede cargar de forma diferida imágenes, iframes, videos, fotografías, fuentes, fondos, fondos HIDPI, etc.

Imágenes responsivas

Lazyline puede manejar los atributos responsivos como srcset y sizes, por lo que el complemento funcionará muy bien en cualquier pantalla y cualquier dispositivo.

Soporte para carga diferida nativa de WordPress

Lazyline admite elementos con el atributo nativo loading=”lazy”, pero también puedes deshabilitar este soporte y reemplazar estos elementos con otros de lazyline más potentes.

Pestaña de información del servidor

Con Lazyline, ya no es necesario que revises las configuraciones de tu servidor para averiguar si los valores cumplen con los requisitos mínimos o no. Solo tienes que abrir la pestaña de información del servidor lista para usar dentro del panel de control de Lazyline y obtener un informe completo sobre todos los límites y extensiones de PHP.

Potente personalizador de precarga

Lazyline te permite elegir uno de más de 20 precargadores SVG listos para usar, también puedes configurar el tuyo propio o insertar código SVG personalizado.

Importar/Exportar configuraciones

¿Estás en una rama de prueba y quieres enviar tus cambios a la versión en vivo? Simplemente exporta las configuraciones de Lazyline e impórtalas en otro sitio. Este proceso demora unos segundos ya que usamos el formato de archivo JSON en lugar del voluminoso XML.