Mejore la carga de imágenes progresivas con AntiModerate

El script AntiModerate puede no parecer mucho. Pero es uno de los mejores scripts JS que puede ejecutar para mejorar el rendimiento en una página más grande y mantener una experiencia de usuario sólida..

Con este plugin gratuito, puede cargar imágenes cuando aparecen en la vista y reduce el tamaño total de tu página.

De esta manera se puede cargar toda la página. primero Con pequeños marcadores de posición para imágenes. Luego, sus visitantes navegan de forma natural sin esperar a que se carguen todos los activos, siempre es algo bueno desde la perspectiva del usuario.!

Así es como funciona: agrega el complemento AntiModerate en su página junto con el script StackBlur.js.

Antimoderado tira las dimensiones de la imagen y obliga a todas las etiquetas img a un tamaño fijo en la página. Estas imágenes precargadas se empujan a través de StackBlur.js, lo que reduce drásticamente el tamaño total del archivo de vista previa, por lo que se carga la página mucho antes..

Una vez que estas imágenes más pequeñas están en su lugar, AntiModerate carga las imágenes a tamaño completo en el fondo. Cada foto borrosa se reemplaza con la foto normal una vez que se termina de descargar. Fácil!

Esta ahorra un montón de tiempo esperando imágenes y ayuda a que tu página se cargue mucho más rápido. Es un gran beneficio para los usuarios, ya que pueden comenzar a consumir contenido antes y beneficia a sus clasificaciones de SERP, ya que Google se preocupa mucho por la velocidad de la página..

Puede instalar la biblioteca directamente con npm o Bower, o arrastrando el script a través de GitHub.

Esto solo requiere unas pocas líneas de JavaScript y seguramente ayudará a mejorar las cargas de su página. Eche un vistazo al repositorio de GitHub y desplácese hasta la guía de configuración para comenzar.

Con solo unas pocas líneas de código, AntiModerate debería ser una tarea fácil de ejecutar en cualquier página.

Sin mencionar que esto se ejecuta en JavaScript puro por lo que no requiere ninguna dependencia como jQuery para ponerse a trabajar.