Cómo usar Lazy Loading para Gravatars de comentarios de WordPress










  • Mantener su sitio rápido es una preocupación vital si desea seguir siendo competitivo en Internet. De hecho, la velocidad juega un papel en el rendimiento de motores como Google. Debido a esto, es imperativo que se esfuerce por mantener la velocidad en niveles óptimos . El uso de carga diferida para imágenes de gravatar en los comentarios de WordPress es solo un método para mejorar este rendimiento.

    Un gravatar en WordPress es la imagen de una persona. Es como las imágenes de avatar que ves en sitios como , Twitter y otros canales sociales. La única diferencia es que los gravatar funcionan en una amplia variedad de sistemas. Literalmente, puede usar la misma imagen como autor simplemente dejando un comentario.

    Hoy, les mostraré cómo cargar imágenes más rápido en WordPress usando técnicas de carga diferida para imágenes gravatar.

    ¿Cómo afecta Gravatar a la velocidad del sitio?

    El uso de gravatars en WordPress significa que su sitio tiene que recuperar información de un tercero si alguien deja un comentario. Estas imágenes, aunque pequeñas, se envían desde Gravatar y se pegan en su sitio. Si tiene una sección de comentarios larga, esto es bastante engorroso.

    Cuanto más llama su sitio a fuentes externas de datos, más lento se vuelve. Puedes encontrar otros elementos como este si utilizas herramientas como Pingdom .

    Lazy loading significa que no se accede a estos elementos hasta que el usuario realmente los necesita. Por ejemplo, las imágenes en un sitio web a menudo se cargan, ya sea que alguien las vea o no. La carga diferida mantiene estas cosas en blanco hasta que el usuario se desplaza hacia abajo para ver el contenido.

    Usando BJ Lazy Load

    En este tutorial, voy a demostrar el complemento BJ Lazy Load . Una de las razones por las que quiero usar este complemento es porque hace más que solo cargar imágenes de gravatar de forma diferida. De hecho, también funciona para publicar imágenes y miniaturas.

    Funciona bien para una herramienta completa para la carga diferida de WordPress.

    Vaya al área de complementos y haga clic en «Agregar nuevo».

    Agregar nuevos complementos

    Instale y active el complemento «BJ Lazy Load». Puede encontrarlo utilizando el campo de búsqueda de texto a la derecha de la página Agregar complementos.

    bj perezoso carga

    Después de la activación, vaya al área de Configuración y haga clic en «BJ Lazy Load». Puede encontrarlo al final de la lista en Configuración.

    Configuración de carga diferida de BJ

    Por defecto, BJ Lazy Load habilitará todos los elementos. Puede personalizar las opciones que desea habilitar haciendo clic en «Sí» o «No» de la lista.

    Personalizar BJ

    También puede optar por usar imágenes de marcador de posición, omitir ciertas clases, ingresar un umbral en píxeles antes de que se carguen las imágenes y usar vistas previas de baja resolución en su lugar.

    Una vez que haya terminado de personalizar su configuración, haga clic en el botón «Guardar cambios» para confirmarlos.

    Guardar cambios de carga diferida

    Esto es todo lo que necesita para usar lazy load para comentarios y gravatars. Es un procedimiento bastante simple que puede afectar bastante el rendimiento de su sitio.

    Si no está seguro de cómo funcionan los cambios, pruebe una publicación que tenga muchos comentarios en Pingdom. Instale y active BJ Lazy Load y pruebe la publicación nuevamente. Debería ver una diferencia en la velocidad del sitio.

    Otros complementos de nota

    WordPress está lleno de complementos para mejorar el rendimiento. Aquí hay solo un par de otras herramientas de carga diferida que pueden resultarle útiles.

    a3 Carga diferida

    a3 Carga diferida

    El complemento a3 Lazy Load es una herramienta semipopular con excelentes críticas. Se aplica a todas las imágenes de un sitio web, ya sean gravatars o miniaturas. También es compatible con incrustaciones, iFrames, AMP y más. Tiene una funcionalidad similar a BJ Lazy Load, ya que puede activar y desactivar ciertos elementos del sitio.

    Lazy Load de WP Rocket

    Carga lenta

    Lazy Load de WP Rocket es una herramienta simple para acelerar el sitio. Admite la mayoría de los tipos de imágenes en un sitio web, incluidos gravatars y emoticones. También tiene soporte para iFrames, como incrustar videos de YouTube . Es un complemento extremadamente simple y no ofrece una gran cantidad de personalización.

    Mantener el sitio rápido

    Mantener WordPress rápido con gravatars de carga diferida en el área de comentarios es solo una parte de mantener la eficiencia hoy. Debido a que la mayoría de las personas abandonarán un sitio que tarde demasiado en cargarse, debe hacer todo lo posible para mantenerlos. Ya sea que se trate de una carga diferida o de la instalación de W3 Total Cache , la velocidad definitivamente importa.

    ¿Qué complementos usas para mejorar la velocidad del sitio? ¿Con qué frecuencia prueba el rendimiento de su sitio con herramientas en línea como Pingdom o Google PageSpeed ​​Insights?