Los mejores complementos de carga diferida para hacer que su sitio de WordPress sea más rápido

Los sitios con una tonelada de imágenes pueden tardar una eternidad en cargarse. Por cada imagen, esa es otra solicitud HTTP y más tiempo que sus usuarios tienen que esperar frustrados mientras las páginas se cargan lentamente.

Entonces, ¿cuál es la solución? Carga lenta.

Continúe leyendo, o avance usando estos enlaces:

• La carga diferida nativa llegó con WordPress 5.5
• ¿Ya es necesario un complemento?
  • Acceso a una interfaz
  • Compatibilidad del navegador
  • Optimización adicional
• ¿Hay algún beneficio para la carga diferida nativa?
• Los mejores complementos de carga diferida
• Más sobre la carga diferida

La carga diferida puede acelerar significativamente los sitios con muchas imágenes y no toma tiempo habilitarlo en su sitio.

En pocas palabras, obliga a que las imágenes se carguen solo cuando están "en la mitad superior de la página"; en otras palabras, solo se cargarán las imágenes que aparecen en el navegador del usuario.

Por lo tanto, si tiene una página con 10 temas de WordPress de pantalla completa nuevos y gratuitos, solo se cargarán las primeras imágenes de la publicación y las demás se cargarán a medida que el usuario se desplaza hacia abajo en la página.

La carga diferida nativa llegó con WordPress 5.5

La carga diferida sigue siendo una característica relativamente nueva para WordPress.

Funciona agregando el atributo de "perezoso" y configurando el valor en "cargando" en sus imágenes, que luego es procesada por el navegador en la salida.

Si tiene un complemento de carga diferida al que es leal o pasa por fases en las que no desea que la carga diferida esté habilitada en absoluto, le complacerá saber que puede deshabilitarla.

Algunos complementos hacen esto automáticamente, sin embargo, si necesita hacerlo manualmente, simplemente diríjase a su archivo functions.php y agregue lo siguiente:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Esto deshabilitará la función de carga diferida de WordPress, lo que significa que podrá usar un complemento de su elección sin riesgo de conflicto.

Es solo una línea de código, pero si no se siente cómodo agregándolo, puede descargar este complemento simple que lo hará por usted.

¿Ya es necesario un complemento?

Es posible que se pregunte si usar un complemento ahora que WordPress ofrece carga diferida nativa.

Bueno, sigue leyendo, porque en realidad hay algunas razones por las que podrías querer quedarte con un complemento:

Acceso a una interfaz

Un buen complemento de carga diferida como Smush ofrece una interfaz con opciones para modificar configuraciones específicas, así como la capacidad de activar y desactivar la carga diferida con solo tocar un botón.

Estas opciones pueden variar desde los tipos de imágenes que se cargarán de forma diferida hasta las páginas a las que se aplica la carga diferida. Si desea cambiar configuraciones como estas sin un complemento, deberá profundizar en el código y agregar estas excepciones manualmente.

Compatibilidad del navegador

Otro gran aspecto positivo es que la mayoría de los complementos funcionarán en todos los navegadores. Safari es uno de los principales navegadores que no admite el atributo de carga, por lo tanto, si tiene un sitio web con muchas imágenes, podría ver a los usuarios de navegadores no compatibles rebotando. Esto es algo de lo que no debe preocuparse cuando usa un complemento.

Optimización adicional

La mayoría de los complementos ofrecen mucho más que carga diferida. La introducción de un complemento de optimización de imágenes en su sitio web es posiblemente una de las mejores decisiones que tomará.

Los complementos como Smush pueden ayudarlo a obtener las recomendaciones de PageSpeed ​​relacionadas con las imágenes de Google y darle a su sitio un impulso de velocidad: ¡la carga diferida es solo el comienzo!

¿Hay algún beneficio para la carga diferida nativa?

En la superficie, puede parecer que un complemento hará todo lo que puede hacer la carga diferida nativa, y más.

Si bien esto es técnicamente correcto, la principal diferencia es que la mayoría de los complementos implicarán la introducción de una biblioteca de JavaScript, de la que dependerá su sitio.

La carga diferida nativa es más simple y directa y no requiere mucho código adicional.

Nuestro complemento de optimización de imágenes, Smush, en realidad ofrece su propia versión de carga diferida nativa.

Funciona de la misma manera que WordPress, pero admite los mismos formatos de imagen que admite Smush.

La carga diferida nativa es quizás algo que se puede usar como base para otros desarrollos en el futuro, pero al menos por ahora, los complementos son adecuados para la mayoría de los sitios.

Si prefiere la idea de un complemento para resolver sus necesidades de carga diferida, hemos reunido una colección de complementos de carga diferida gratuitos.

• Optimización de imagen Smush

  

  Smush es el complemento de optimización de imágenes todo en uno más popular por una razón. Incluimos todo lo que necesitas para que tus imágenes carguen más rápido.

  

  La carga diferida está disponible tanto en la versión gratuita de Smush como en Smush Pro turbocargada, que viene completa con Smush Pro CDN y, a diferencia de la carga diferida nativa, es compatible con todos los navegadores.

  Para activar la carga diferida con Smush, hemos simplificado mucho el proceso. Todo lo que necesitas hacer es ir a la sección Lazy Loading en Smush y presionar el botón Activar . Eso es todo.

  Puede ajustar aún más su configuración una vez que se activa la carga diferida, pero no es necesario. La configuración predeterminada de Smush y Smush Pro es todo lo que necesita para ver una mejora importante en el rendimiento.

• a3 Carga diferida

  

  A3 Lazy load es un complemento popular para la carga diferida de imágenes, iframes, videos y otros elementos en su sitio.

  Tiene muchas configuraciones para que pueda personalizar cómo desea que se carguen los activos en su sitio.

  También se ha probado que es 100% compatible con complementos populares como WooCommerce, Advanced Custom Fields y una variedad de CDN.

• loco perezoso

  

  Aquí hay otro complemento de carga diferida ultra delgado que simplemente funciona. No se requiere una configuración complicada.

  Según el tema o el uso de jQuery, Crazy Lazy utilizará opcionalmente una versión modificada del complemento de jQuery Unveil.js o la biblioteca JavaScript nativa lazyload.js.

• Carga diferida para videos

  

  No todos los complementos de carga diferida funcionan con video, lo cual es una pena porque los videos pueden agregar más volumen al tamaño de archivo de su página web que las imágenes.

  Lazy Load for Videos puede ayudarlo a cargar videos alojados en Vimeo o YouTube. Carga una imagen de marcador de posición y solo carga el video completo y el reproductor de video si un visitante hace clic en él.

  Esto es esencial si su sitio tiene muchos videos y elige un complemento liviano que no incluye carga diferida para video.

Más sobre la carga diferida

Usar un complemento es la forma más fácil de agregar carga diferida a su sitio, pero no es la única forma. También puede usar JavaScript en su sitio si desea una solución más eficiente.

Si desea obtener más información, consulte Cómo diferir imágenes fuera de pantalla en WordPress con carga diferida para obtener un desglose completo de cómo funciona la carga diferida y cómo recrear la técnica en su sitio.

Si desea obtener más información sobre la función de carga diferida de WordPress, consulte el anuncio.

La forma más fácil de comenzar con la carga diferida es con Smush free o Smush Pro.

Smush Pro agrega otras características que pueden ayudarlo con otras oportunidades de Google PageSpeed ​​Insights. Puede ayudarlo a servir imágenes en formatos de próxima generación al convertir sus imágenes en archivos WebP y dimensionar correctamente las imágenes escalando sus imágenes con Smush Pro CDN. Smush Pro es incluso compatible con el popular complemento WP Retina 2x, por lo que puede cargar de forma diferida esas enormes imágenes Retina sin ralentizar WordPress.

Pruebe Smush Pro gratis y vea la diferencia que puede hacer para su sitio.

• imágenes