Se ha dado cuenta que las publicaciones más populares de su blog – son las que consiguen una avalancha de comentarios – ¿las que más tardan en cargarse? Si bien es bueno ver cómo se van juntando los comentarios en el sistema de WordPress, pero en caso de que no esté configurado cuidadosamente, este puede reducir la velocidad de su sitio web.
Piense en los recursos que se requieren para que los comentarios funcionen:
- Una base de datos es consultada para sacar comentarios existentes,
- Las entradas de la base de datos son creadas por cada nuevo comentario,
- Los comentarios y metadatos de los comentarios son recibidos y procesados por el navegador del visitante,
- Los recursos externos, como los Gravatars, son pedidos, descargados y cargadas, y
- En muchos casos, grandes recursos de JavaScript y jQuery tienen que ser descargados y procesados para hacer que funcione el sistema de comentarios de la forma en que debería funcionar.
Como resultado, una sección concurrida de comentarios puede agregar una carga significativa al servidor web, incrementar el tamaño total de la página, aumentar el número de peticiones HTTP requeridas, y agregar recursos adicionales de JavaScript para navegadores. Sea que utilice el sistema nativo de comentarios de WordPress o un sistema de comentarios externo, como Disqus o Facebook Comments, los comentarios pueden reducir por mucho la velocidad de su sitio web, y debería ser una prioridad optimizar el desempeño de su sección de comentarios. Por cierto, si está teniendo problemas con spam de comentarios, asegúrese de leer nuestra detallada guía sobre el tema de Cómo Detener los Spams de Comentarios en WordPress.
- Estrategias para Arreglar los Comentarios que Cargan Muy Lento
- Optimizando los Comentarios Nativos de WordPress
- Utilizando un Sistema Externo de Comentarios
- Comentarios Lazy Load
Estrategias para Arreglar los Comentarios que Cargan Muy Lento
Si descubre que la sección de comentarios está reduciendo la velocidad de carga de sus publicaciones más populares, hay un par de cosas que puede hacer:
- Desactive los comentarios por completo. Esto sin duda alguna arreglará el problema. Sin embargo, esto sólo debería considerarlo si la sección de comentarios no está aportando ningún valor. Si su sección de comentarios se mantiene lo suficientemente ocupada para hacer lento su sitio, probablemente sea razón suficiente para que no quiere eliminarlo. Lea nuestro tutorial completo sobre cómo desactivar los comentarios en WordPress.
- Optimizando los comentarios nativos de WordPress. Si usted está utilizando el sistema nativo de comentarios de WordPress, hay un par de cosas que puede hacer para acelerarlo.
- Utilice un sistema de comentarios externo. Si su sitio tiene a un host barato, con tráfico compartido, entonces la idea de utilizar un sistema de comentarios externo podría ser la solución para acelerar páginas con muchos comentarios. Sin embargo, si usted tiene como host a Kinsta u otro host web de validad, pasarse a un sitio externo no será de mucha ayuda para acelerar la carga de su sitio web, e incluso podría hacerlo más lento.
- Comentarios lazy load. Si está usando los comentarios nativos de WordPress o un sistema de comentarios como Disqus, encuentre una forma para hacer carga diferida a los comentarios, para que su página no se ponga lenta por hacer el render inicial.
Consideremos cada estrategia de forma independiente, para que pueda encontrar la mejor opción para su sitio.
Optimizando los Comentarios Nativos de WordPress
Hay dos cosas que puede hacer para acelerar las páginas web que han sido cargadas con montañas de comentarios nativos de WordPress: limite el número de comentarios que se cargan inicialmente y utilice avatars albergados localmente. Veamos cada una de estas opciones.
Limite el Número de Comentarios Mostrados
Por omisión, WordPress carga todos sus comentarios con la primera carga inicial de la página, sin embargo, cargar docenas o incluso cientos de comentarios, y cada uno con su propio avatar, puede agregar mucho peso a su página y crear muchas peticiones adicionales de HTTP.
Puede reducir el número de comentarios que se cargan con la carga inicial de la página de forma muy sencilla.
- Vaya a Opciones > Discusión en el área de admin de WordPress.
- Busque la sección de otras opciones de comentarios.
- Seleccione la casilla junto a Dividir los comentarios en páginas y agregar valor al número de comentarios que quiera mostrar con la carga inicial de la página.
- Llegue hasta el fondo de la página y de clic en Guardar Cambios.
Después de seguir estos pasos, el número de comentarios que haya especificado serán mostrados con la carga inicial de la página.
Utilice Avatars Alojados Localmente o en Su CDN
WordPress tiene soporte incluido para Gravatar. Esto quiere decir que cualquier usuario con una cuenta de Gravatar tendrá su propia imagen agregada en forma de avatar cuando comenten en un blog utilizando el sistema nativo de comentario de WordPress. Esto agrega un elemento personalizado bonito a la sección de comentarios, pero viene con un costo considerable. Cuando los comentarios de WordPress son cargados, cada Gravatar requiere una petición de HTTP. Así que, si una página es cargada con comentarios de 50 personas distintas, se requerirán 50 peticiones de HTTP para descargar todos estos Gravatars. Como se podrá imaginar, esto puede causar un impacto considerable en la velocidad de su página.
Si decide que no valen la pena las peticiones adicionales de HTTP por usar los Gravatars, usted tiene dos opciones. Primero, puede desactivar los avatars por completo, yendo a Opciones > Discusión, encontrar la sección de Avatars y desactivar la casilla que dice Mostrar Avatars.
Si no quiere tomar una medida tan drástica, otra opción es cambiarse a avatars almacenados localmente. Para hacer eso, instale el plugin WP User Avatar. Una vez que se haya completado la instalación, vaya a Avatars > Opciones y seleccione la casilla para Desactivar Gravatar y utilizar avatars locales. Si no le gusta los avatars básicos incluidos en WP User Avatar, hay una imagen de usuario misterioso en este tutorial sobre cómo utilizar avatars almacenados localmente que puede subir y utilizar como el avatar por defecto.
Tenga en mente que después de hacer este cambio, todos los comentarios serán mostrados con el avatar básico, al menos que el usuario se registre con su sitio y suba un avatar personalizado.
Su última opción es cargar sus Gravatars en su propia CDN. Este es el enfoque que tomamos en el blog de Kinsta. 🤓
Utilice un Sistema de Comentarios Externo
Hay una variedad de razones por las que podría interesarle pasarse a un sistema de comentarios externo. Primero, uno tiene que pensar en la carga del servidor. Crear y cargar comentarios es un proceso que consume muchos recursos. Si su sección de comentarios es muy concurrida, entonces pasar la carga a un sistema de comentarios externo, podría ayudarle a reducir la carga en el servidor de su sitio.
Además de esto, los sistemas externos ofrecen una mejor experiencia de usuario que la del sistema nativo de comentarios de WordPress. Esto también podría impulsar a que más visitantes comenten, ya que la mayoría ya tendrá una cuenta con un sistema externo, y podrán comentar de inmediato sin tener que registrarse o compartir detalles con su sitio.
En algunos casos, todos estos beneficios se acumulan. Sin embargo, esto no siempre es cierto.
No todos son fanáticos de los sistemas de comentarios externos y otros se preocupan de los datos que se recolectan detrás de escenas. Además de esto, la idea de que un sistema de comentarios externo es más rápido que los comentarios nativos de WordPress suena bien en teoría, pero no siempre es lo que sucede en realidad.
Si decide utilizar un sistema externo de comentarios, hágalo porque le gusta la experiencia de utilizar ese sistema en particular y porque está convencido de que sus visitantes lo amarán tanto como usted lo ama. No se pase a un sistema de comentarios externos creyendo que mejorará el desempeño, ya que esto podría ser más teoría que realidad. Si decide utilizar un sistema externo, asegúrese de considerar implementar la siguiente estrategia: lazy loading/carga diferida.
Comentarios Lazy Load
Sea que utilice los comentarios de WordPress o un sistema externo, los comentarios con lazy load es una técnica que sin duda alguna acelerará el tiempo de carga de su página. Los sistemas de comentarios que son cargados de manera diferida son eliminados de la carga inicial de la página y estos son cargados por JavaScript cuando el visitante llega a cierto punto de la página o si da clic en el botón que dice “Cargar más Comentarios”.
Si cree que implementar esto suena muy complejo, es porque lo es. Afortunadamente, no tiene que saber cómo hacer esto. Hay plugins que puede utilizar para hacer lazy load al sistema de comentarios de su elección.
Lazy Load Comentarios Nativos de WordPress
La habilidad de hacer lazy load a los comentarios no es algo que esté integrado en el core de WordPress. Sin embargo, hay una solución liviana y gratuita que nosotros recomendamos, el plugin de Lazy Load for Comments.
El plugin se encuentra disponible en el directorio de plugins de WordPress. Así que puede instalar directamente desde el área de admin de WordPress. Esto reducirá el número de peticiones de HTTP al hacerle lazy load a todos los gravatars de WordPress. Este es muy sencillo de configurar. Simplemente instálelo y bajo las opciones de Discusión, habrá dos opciones. Por defecto, tiene la opción de “Al navegar”, la cual será la elección de muchos. También puede elegir “Al dar clic” la cual creará un botón para que los visitantes le den clic y se carguen los comentarios.
Otra opción para hacer lazy load a comentarios es utilizar el plugin de wpDiscuz.
Este plugin está disponible en el directorio de plugins de WordPress. Así que puede instalarlo desde el área de admin de WordPress.
- Vaya a Plugins > Agregar Nuevo.
- Busque “wpDiscuz”, y seleccione el botón de Instalar Ahora.
- Una vez que el plugin haya sido instalado, vaya a Comentarios > Opciones.
- Navegue hasta llegar a la fila que dice carga de comentarios/tipo de paginación y seleccione el botón de radio para hacer Lazy Load a los comentarios cuando se navega.
- Luego, vaya a Opciones > Discusión.
- En la sección de Otros comentarios reduzca el número en la caja que está después de dividir comentarios en páginas.
- Utilice un número más pequeño, menos de diez y guarde los cambios.
- Sea cuidadoso al no activar la casilla a un lado de esta línea. Si usted selecciona esta casilla, la paginación predeterminada de los comentarios de WordPress reemplazará la opción de Lazy loading implementada por wpDiscuz.
Ahora, cuando visite cualquier página con más de diez comentarios, solo los primeros diez comentarios serán cargados. Comentarios adicionales se cargarán automáticamente tan pronto llegue al fondo de la sección de comentarios.
Lazy Load Disqus
Si usted utiliza Disqus, es muy importante que haga lazy load a los comentarios. Si no lo hace, Disqus podrá causar problemas con la velocidad de carga de su sitio. Sin embargo, la carga diferida de los comentarios de Disqus puede acelerar su sitio cuando lo compara con los comentarios nativos de WordPress.
Disqus Conditional Load es un plugin gratuito que puede utilizar para hacer lazy load a Disqus en su sitio. Si nunca ha usado Disqus, usted necesitará inscribirse y crear una cuenta para agregar un nuevo sitio a Disqus. Una vez que haya establecido su sitio de Disqus, instale el Disqus Conditional Load yendo a Plugins > Agregar Nuevo, encontrar “Disqus Conditional Load”, y seleccionar Instalar Ahora.
Una vez que se haya completado la instalación vaya a Comentarios > Disqus y seleccione Mejorar para configurar su base de datos para que funcione con Disqus. En la siguiente pantalla, inicie sesión con Disqus utilizando su nombre de usuario y contraseña de Disqus. En la siguiente pantalla, seleccione el sitio de Disqus que agrego hace unos minutos y seleccione el botón de Siguiente. Después de completar el paso final, Disqus será instalado en su sitio y configurado para hacer lazy load cuando sus lectores llegan a la sección de comentarios de su blog.
De hecho, nosotros utilizamos este plugin en el blog de Kinsta y lo recomendamos. Además de hacer lazy loading a las imágenes (avatars), también le permite desactivar el script contador si no lo utiliza. Así que es una llamada menos de JavaScript a su sitio de WordPress.
Lazy Load a Facebook Comments
El mismo desarrollador del plugin de Disqus Conditional Load que mencionamos arriba, también creó un plugin gratuito para hacer lazy load a Facebook comments en su sitio de WordPress. Los scripts de Facebook son muy conocidos por afectar demasiado a los sitios web, aún si los scripts son cargados de forma asíncrona.
Lazy Facebook Comments es un plugin gratuito que puede utilizar para cargar comentarios al navegar o al dar clic a un botón. Esto asegura que esté cargando los scripts de Facebook sólo cuando sean requeridos. También puede ajustar el número de comentarios, color, idioma, ancho, orden, etc.
Resumen
Los comentarios son una funcionalidad principal de la mayoría de los blogs, pero cargar toda la sección de comentarios de su sitio puede reducir por mucha la velocidad de carga de su sitio. Puede acelerar los comentarios y su sitio de WordPress al optimizar los comentarios nativos de WordPress y al hacer lazy loading a los comentarios para eliminarlos de la carga inicial de la página.
Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.
Deja una respuesta