¿Alguna vez hemos notado que nuestro sitio web se ralentiza debido a la gran cantidad de comentarios en las publicaciones? Si es así, estamos en el lugar correcto. En esta guía, vamos a explorar una solución ingeniosa para este problema: el lazy load en los comentarios de WordPress.
El lazy load WordPress, o carga perezosa, es una técnica de optimización web que carga contenido solo cuando es necesario, es decir, cuando el usuario se desplaza hasta él. En el caso de los comentarios de WordPress, esto significa que los comentarios solo se cargarán cuando el usuario se desplace hasta la sección de comentarios. Esto puede mejorar en gran medida la velocidad de WordPress y nuestro sitio en general, en especial si tenemos publicaciones con cientos o incluso miles de comentarios.
En esta guía, vamos a ver cómo activar el lazy load en los comentarios de WordPress, una forma efectiva de mantener el sitio web ágil y rápido, sin importar cuántos comentarios acumulemos. ¡Vamos a ello!
Tabla de contenidos
¿Qué es lazy load?
Antes de sumergirnos en cómo activar el lazy load en los comentarios de WordPress, es importante entender qué es el lazy load.
El lazy load, también conocido como carga diferida, es una técnica de optimización web que carga el contenido de la página solo cuando es necesario. En lugar de cargar todo el contenido de la página de una vez, el lazy load carga el contenido a medida que el usuario se desplaza por la página. Esto puede mejorar la velocidad de carga de la página y la experiencia del usuario, en especial en páginas con mucho contenido, como las que tienen muchos comentarios.
El lazy load es una técnica de optimización web que puede mejorar la velocidad de nuestro sitio y la experiencia del usuario al cargar el contenido solo cuando es necesario.
¿Por qué activar el lazy load en los comentarios de WordPress?
Ahora que ya sabemos qué es el lazy load, es posible que nos estemos preguntando: ¿Por qué debería activarlo en los comentarios de mi sitio WordPress? Bueno, hay varias razones convincentes para hacerlo.
Primero, la velocidad del sitio web es crucial. Un sitio web lento puede frustrar a los visitantes y hacer que abandonen nuestra página antes de que puedan interactuar con el contenido. Imaginemos que tenemos una publicación de blog popular con cientos o miles de comentarios.
Cada vez que alguien visita esa publicación, su navegador tiene que cargar todos esos comentarios, lo que puede ralentizar la carga de la página. Con el lazy load, los comentarios solo se cargarán cuando el visitante se desplace hasta la sección de comentarios, lo que puede hacer que la página se cargue mucho más rápido.
Por ejemplo, digamos que tienes una publicación de blog sobre “Los mejores destinos de viaje en 2023”. Esta publicación es muy popular y ha acumulado más de 1000 comentarios. Sin el lazy load, cada vez que alguien visita tu publicación, su navegador tiene que cargar todos esos comentarios. Pero con el lazy load, la página se carga con rapidez y los comentarios solo aparecen cuando el visitante se desplaza hasta ellos.
Además, el lazy load puede ayudar a reducir el uso de datos, lo cual es en especial útil para los visitantes que navegan por tu sitio desde una conexión móvil con un límite de datos.
¿Cómo activar el lazy load en los comentarios de WordPress?
Ahora que comprendemos la importancia del lazy load y cómo puede mejorar la velocidad de nuestro sitio web y la experiencia del usuario, es hora de aprender cómo activarlo para los comentarios de WordPress.
Ya sea que estemos utilizando el sistema de comentarios predeterminado de WordPress, un plugin de comentarios en WordPress, o incluso un sistema de comentarios personalizado, hay varias formas de implementar el lazy load. En los próximos puntos, vamos a ver los pasos detallados para activar el lazy load en cada uno de estos escenarios. Así que, si estamos listo para hacer que nuestro sitio web sea más rápido y eficiente, ¡sigamos adelante!
Activar lazy load en comentarios nativos
El primer punto de este paso a paso resulta ser la opción por defecto en todos los WordPress, por lo general si no estamos acostumbrados a los comentarios es muy probable que tengamos activo en nuestro sitio el sistema que WordPress trae por defecto para la publicación de comentarios en entradas y páginas.
Si este es el caso no hay de que preocuparnos, el proceso es muy sencillo, solo necesitaremos instalar un plugin en WordPress de tal forma que nuestro CMS permita esta carga o lazy load para los comentarios.
El plugin de lazy load comments, nos va a ayudar a realizar lo que necesitamos a nivel de carga y optimización de nuestro sitio, este es bastante sencillo e intuitivo de configurar, una vez lo instalamos solo tenemos que ingresar a nuestro panel dentro del dashboard WordPress de Ajustes > Comentarios > carga diferida de comentarios.
Entre las opciones que podemos seleccionar y nos interesan tenemos:
Al hacer scroll (on scroll): con esta opción activada, los comentarios se cargarán a medida que los visitantes vayan desplazándose por la página. A medida que lleguen al final de la página, se cargarán nuevos comentarios sin que los usuarios tengan que hacer nada más que seguir desplazándose hacia abajo.
Al hacer clic (on clic): este método a diferencia del anterior si necesitara que los usuarios interactúen con el sitio, este creara un botón en la parte inferior del último comentario visible para cargar los demás comentarios que tengamos en esta sección.
Como podemos ver no solo podemos agregar el botón de cargar más comentarios, sino que también podemos cargar los comentarios en primera instancia, de esta forma aumentar aún más la carga de nuestro sitio para que no interfiera en programas o lectores de velocidad.
Activar lazy load en plugin Disqus
El plugin anterior resulta ser de utilidad para aquellas ocasiones en las que nuestro sistema de comentarios sea el predefinido, sin embargo, en otras ocasiones podemos tener un plugin para esta gestión de comentarios, como es el caso del plugin Disqus.
El cargar de forma diferida o con lazy load los comentarios de este plugin es igual de importante debido a las solicitudes HTTP que realiza este mismo a los servidores de la plataforma. Para aplicar la carga diferida de este tipo de comentarios podemos al igual que el punto anterior agregar un plugin que nos ayudara en el proceso.
El plugin que debemos agregar es el de Disqus Conditional Load, este es desarrollado por las mismas personas que desarrollaron el plugin de Disqus, por lo tanto, tenemos entera confianza en que será compatible el uso de este con nuestro plugin principal.
Una vez instalado este plugin, el primer paso es activar la gestión de comentarios con lazyload. Para ello, accedemos al panel de administración del plugin, que se encuentra en el menú lateral de Disqus > Ajustes de DCL (Disqus Conditional Load). Aquí, al ser parte del propio plugin Disqus, podremos habilitar esta opción de la misma manera que activamos los comentarios de WordPress, ya sea mediante clic o al hacer scroll.
Como podemos ver, en estas configuraciones tenemos más opciones que podemos modificar, sin embargo, lo mejor es siempre tener un respaldo o backup WordPress antes de modificar cualquier ajuste que tenga que ver con la carga diferida de nuestra web. Esto puede que optimice nuestro sitio, pero también puede ocasionar problemas en la carga general del mismo.
Un ajuste que podemos mover sin problemas es el de los mensajes a mostrar ya sea del botón para cargar más comentarios o incluso el propio mensaje de carga de comentarios, no solo eso, sino que podemos aplicar un estilo CSS diferente en caso de querer modificar el CSS de nuestro sitio.
Activar lazy load en comentarios de Facebook
Por último, pero no menos importante, tenemos los comentarios que provienen de Facebook al conectar WooCommerce con Facebook. Si utilizamos un sistema que permite los comentarios de Facebook en nuestras páginas o entradas, es probable que muchos de estos sistemas ya incorporen la función de lazy load. Sin embargo, en caso de que no lo tengan, podemos utilizar otro plugin que, aunque no está del todo actualizado, sigue funcionando con la mayoría de los plugins de comentarios de Facebook.
Una vez instalado vamos a poder ver sus ajustes en el panel de Ajustes > Lazy FB comments. Aquí de nuevo como en los otros plugins vamos a tener opciones de activar la carga diferida tanto de forma de scroll como al hacer clic en un botón, no solo esto sino también otros elementos característicos de este sistema como sería el lenguaje o el esquema de colores a utilizar.
Si bien este sistema funciona necesitamos crear o tener una API key de facebook para poder unir este plugin con nuestra cuenta y poder personalizar aún más los elementos que tenemos a disposición.
Conclusiones
Y aqui lo tenemos, una guía sobre cómo activar el lazy load en los comentarios de WordPress. Este fue un paso esencial para mejorar la velocidad de carga de nuestro sitio web y proporcionar una mejor experiencia de usuario. No importa si estamos utilizando los comentarios nativos de WordPress o un sistema de comentarios de terceros, hay una solución para nosotros.
Recordemos que el lazy load no solo mejora la velocidad del sitio, sino que también puede ayudar a reducir la carga en nuestro servidor, lo que es en especial útil si tenemos un sitio con mucho tráfico o con un gran número de comentarios.
Pero no tenemos por qué detenernos allí. Cada pequeña mejora puede sumar y hacer una gran diferencia en el rendimiento general de nuestro sitio y, en última instancia, en la satisfacción de los visitantes.
Esperamos que esta guía haya sido útil y haya proporcionado el conocimiento y las herramientas necesarias para implementar el lazy load en los comentarios de nuestros sitios WordPress. ¡El siguiente paso para hacer que nuestro sitio web sea más rápido y eficiente!
¿Te ha resultado útil este artículo?
Equipo de soporte WordPress y WooCommerce en Webempresa.
