Tutoriales de WordPress de Confianza, cuando más los necesitas.
Guía para Principiantes de WordPress
Copa WPB
25 Millones+
Sitios web que usan nuestros plugins
16+
Años de experiencia en WordPress
3000+
Tutoriales de WordPress de expertos

Cómo cargar comentarios de forma diferida en WordPress fácilmente (método sin código)

Imagina abrir una publicación de blog larga y útil que muchas personas han comentado. WordPress normalmente cargará la página y todos los comentarios primero, antes de mostrársela al usuario. Esto resulta en un sitio web más lento y una mala experiencia de usuario.

Según nuestra experiencia en WPBeginner, la carga diferida de comentarios es una excelente manera de mejorar el rendimiento de WordPress, especialmente para publicaciones con muchos comentarios. Retrasa la carga de tu sección de comentarios hasta que sea necesaria, cuando el usuario se desplaza hasta el final de la publicación.

Este artículo proporciona una guía sencilla para cargar comentarios de forma diferida en WordPress, aumentando la velocidad de tu sitio y brindando una experiencia más fluida a tus visitantes.

Cómo cargar comentarios de forma diferida fácilmente en WordPress

¿Por qué cargar comentarios de WordPress de forma diferida?

Los comentarios son geniales para la interacción del usuario, y hay muchas formas de obtener más comentarios en tus publicaciones de blog de WordPress.

Sin embargo, los comentarios también pueden aumentar el tamaño de la página web. Esto puede aumentar el tiempo de carga de tu página y perjudicar la experiencia del usuario al hacer que los usuarios esperen más para ver el contenido en tu sitio de WordPress.

La velocidad de carga de la página es una métrica de rendimiento extremadamente importante. Afecta la experiencia del usuario y el rendimiento SEO y el ancho de banda de tu sitio. Puedes ver nuestra guía definitiva para aumentar la velocidad y el rendimiento de WordPress para más detalles.

Al no cargar los comentarios de inmediato, puedes mejorar significativamente los tiempos de carga de tus artículos. La carga diferida también mejora la experiencia del usuario en conexiones a internet lentas y pantallas pequeñas, como los dispositivos móviles.

Dicho esto, veamos cómo agregar fácilmente la carga diferida para los comentarios de WordPress.

Cómo cargar diferidamente los comentarios de WordPress

Primero, necesitas instalar y activar el plugin Lazy Load for Comments. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, debes visitar la página Ajustes » Discusión para configurar el plugin.

Selecciona cómo quieres precargar los comentarios en WordPress

Simplemente desplázate hacia abajo hasta la sección 'Lazy Load Comments' y selecciona tu método de carga diferida. El plugin ofrece dos métodos para cargar diferidamente los comentarios en tu sitio web de WordPress.

Puedes seleccionar el método 'Al hacer clic', que agrega un botón al final de tus artículos, permitiendo a los usuarios hacer clic y cargar los comentarios.

También puedes elegir el método 'Al desplazarse', que carga automáticamente los comentarios a medida que el usuario se desplaza hasta el final de una publicación.

Luego, no olvides hacer clic en el botón 'Guardar cambios' para almacenar tu configuración.

Probando la carga diferida de comentarios en tu sitio web de WordPress

Ahora puedes visitar cualquier publicación en tu blog de WordPress. La forma en que se ve la sección de comentarios ahora dependerá del método de carga diferida que hayas seleccionado.

Si elegiste 'Al desplazarse', entonces al desplazarse hasta el final del artículo se cargarán automáticamente la sección de comentarios de WordPress para que puedas dejar un comentario y ver los comentarios existentes.

Animación de precarga de comentarios al desplazarse

Sin embargo, si eliges 'Al hacer clic', verás un botón de 'Cargar comentarios' en su lugar.

Hacer clic en el botón cargará los comentarios existentes y el formulario de comentarios.

Animación de precarga de comentarios al hacer clic

Extra: Mejora la interacción de comentarios con Thrive Comments

La carga diferida de comentarios es solo una forma de proporcionar una mejor experiencia de usuario en tu sección de comentarios de WordPress. También puedes usar un plugin de comentarios para aumentar aún más la participación del usuario.

Por ejemplo, puedes llevar la experiencia de comentarios en tu sitio web al siguiente nivel utilizando Thrive Comments.

Este plugin permitirá a tus usuarios dar 'me gusta' o 'no me gusta' a los comentarios. Esto permite a los visitantes interactuar con tu sitio sin necesidad de dejar sus propios comentarios.

Agrega la función de votar a favor/en contra a tus comentarios usando Thrive Comments

Esta es una forma en que puedes hacer que tu sitio web de WordPress se parezca más a Reddit. Incluso puedes otorgar insignias a tus comentaristas automáticamente cuando alcanzan ciertos hitos.

Este plugin también facilita la gestión de comentarios para tu equipo. Puedes usar su panel de moderación de comentarios para responder, eliminar e incluso asignar comentarios a otros administradores rápidamente.

Esperamos que este artículo te haya ayudado a aprender cómo cargar comentarios de forma diferida (lazy load) en WordPress. También te puede interesar nuestra guía sobre cómo permitir a los usuarios suscribirse a comentarios en WordPress y nuestra selección experta de los mejores plugins para mejorar los comentarios de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.

Descargo de responsabilidad: Nuestro contenido es compatible con el lector. Esto significa que si haces clic en algunos de nuestros enlaces, podemos ganar una comisión. Consulta cómo se financia WPBeginner, por qué es importante y cómo puedes apoyarnos. Aquí está nuestro proceso editorial.

El Kit de herramientas definitivo para WordPress

Obtén acceso GRATUITO a nuestro kit de herramientas: ¡una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Interacciones del lector

10 CommentsLeave a Reply

  1. En cuanto a la carga diferida, una vez escribí un artículo en mi blog sobre ello. Es un tema sobre el cual muchas personas tienen opiniones completamente opuestas. Algunos lo consideran una gran práctica para imágenes o, como se ve aquí con los comentarios, mientras que otros señalan que la carga diferida puede impactar negativamente la experiencia del usuario al hacer que el sitio web se comporte de forma poco natural, lo que podría ser aparente en ciertas situaciones.

    También he encontrado casos en los que la carga diferida afecta negativamente la métrica Cumulative Layout Shift, lo que a su vez puede impactar desfavorablemente las métricas de Google para evaluar el rendimiento del sitio web. Por lo tanto, se necesita precaución con la carga diferida en ciertas situaciones, ya que puede dañar tanto la experiencia del usuario como las métricas de rendimiento del sitio web en Google.

    • It would heavily depend on how the lazy loading is added for if it would affect the cumulative layout shift or not. It is still an option for sites that want to use or try lazy loading to see what works for them :)

      Administrador

      • Gracias por tu respuesta. Sí, tienes razón en que el diseño del sitio web importa, y la carga diferida puede ser adecuada para algunas personas y no para otras. Sin embargo, me sorprendió que PageSpeed Insights marcara la carga diferida de forma negativa y me recomendara deshabilitarla.

  2. Habilité la carga diferida para los comentarios como una de las primeras cosas en mi blog y creo que todos deberían hacerlo.

    ¿Sabes por qué?
    Por culpa de hacer scroll.

    Si tienes una publicación de blog experta con, digamos, 100 comentarios, lo cual no es tan poco común, puede volverse larga. Si vas al texto para escanear obviamente H2, H3, etc. y ves que la barra de desplazamiento es diminuta, asumes que el contenido es súper largo, lo que puede ser desalentador incluso para leerlo. Pero 3/4 de eso podrían ser comentarios. Todos tenemos cada vez menos tiempo, así que queremos información concisa, no libros. Para mí, al menos, esos detalles son importantes.

    • Si te pones en contacto con el soporte del plugin, deberían poder ver si esto es un conflicto entre el tema y el plugin.

      Administrador

  3. No me gustan tantos plugins en un sitio, ¡así que es mejor hacerlo manualmente! ¿Puedes escribir sobre cómo hacerlo manualmente?

    • No sé cómo afectará la instalación a nuestro sitio. Si hará solicitudes adicionales de CSS o Javascript.

      Escribir tu propia lógica también incluirá el manejo de la manipulación del DOM para agregar el botón 'Cargar más' o escuchar los eventos de desplazamiento y reemplazarlos con los comentarios reales.

      Hay compromisos en ambos sentidos.

Deja una respuesta

Gracias por elegir dejar un comentario. Ten en cuenta que todos los comentarios son moderados de acuerdo con nuestra política de comentarios, y tu dirección de correo electrónico NO será publicada. Por favor, NO uses palabras clave en el campo del nombre. Tengamos una conversación personal y significativa.