Como resultado, una secci\u00f3n concurrida de comentarios puede agregar una carga significativa al servidor web, incrementar el tama\u00f1o total de la p\u00e1gina, aumentar el n\u00famero 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<\/a>, como Disqus o Facebook Comments, los comentarios pueden reducir por mucho la velocidad de su sitio web, y deber\u00eda ser una prioridad optimizar el desempe\u00f1o de su secci\u00f3n de comentarios. Por cierto, si est\u00e1 teniendo problemas con spam de comentarios, aseg\u00farese de leer nuestra detallada gu\u00eda sobre el tema de C\u00f3mo Detener los Spams de Comentarios en WordPress<\/a>.<\/p>\n Si descubre que la secci\u00f3n de comentarios est\u00e1 reduciendo la velocidad\u00a0 de carga de sus publicaciones m\u00e1s populares, hay un par de cosas que puede hacer:<\/p>\n Consideremos cada estrategia de forma independiente, para que pueda encontrar la mejor opci\u00f3n para su sitio.<\/p>\n Hay dos cosas que puede hacer para acelerar las p\u00e1ginas web que han sido cargadas con monta\u00f1as de comentarios nativos de WordPress: limite el n\u00famero de comentarios que se cargan inicialmente y utilice avatars albergados localmente. Veamos cada una de estas opciones.<\/p>\n Por omisi\u00f3n, WordPress carga todos sus comentarios con la primera carga inicial de la p\u00e1gina, sin embargo, cargar docenas o incluso cientos de comentarios, y cada uno con su propio avatar, puede agregar mucho peso a su p\u00e1gina y crear muchas peticiones adicionales de HTTP.<\/p>\n Puede reducir el n\u00famero de comentarios que se cargan con la carga inicial de la p\u00e1gina de forma muy sencilla.<\/p>\n Despu\u00e9s de seguir estos pasos, el n\u00famero de comentarios que haya especificado ser\u00e1n mostrados con la carga inicial de la p\u00e1gina.<\/p>\n WordPress tiene soporte incluido para Gravatar<\/a>. Esto quiere decir que cualquier usuario con una cuenta de Gravatar tendr\u00e1 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\u00f3n de comentarios, pero viene con un costo considerable. Cuando los comentarios de WordPress son cargados, cada Gravatar requiere una petici\u00f3n de HTTP. As\u00ed que, si una p\u00e1gina es cargada con comentarios de 50 personas distintas, se requerir\u00e1n 50 peticiones de HTTP para descargar todos estos Gravatars. Como se podr\u00e1 imaginar, esto puede causar un impacto considerable<\/a> en la velocidad de su p\u00e1gina.<\/p>\n 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\u00f3n<\/strong>, encontrar la secci\u00f3n de Avatars<\/strong> y desactivar la casilla que dice Mostrar Avatars.<\/strong><\/p>\n Si no quiere tomar una medida tan dr\u00e1stica, otra opci\u00f3n es cambiarse a avatars almacenados localmente. Para hacer eso, instale el plugin WP User Avatar<\/a>. Una vez que se haya completado la instalaci\u00f3n, vaya a Avatars > Opciones<\/strong> y seleccione la casilla para Desactivar Gravatar y utilizar avatars locales.<\/strong> Si no le gusta los avatars b\u00e1sicos incluidos en WP User Avatar, hay una imagen de usuario misterioso en este tutorial sobre c\u00f3mo utilizar avatars almacenados localmente<\/a> que puede subir y utilizar como el avatar por defecto.<\/p>\n Tenga en mente que despu\u00e9s de hacer este cambio, todos los comentarios ser\u00e1n mostrados con el avatar b\u00e1sico, al menos que el usuario se registre con su sitio y suba un avatar personalizado.<\/p>\n Su \u00faltima opci\u00f3n es cargar sus Gravatars en su propia CDN<\/a>. Este es el enfoque que tomamos en el blog de Kinsta. \ud83e\udd13<\/p>\n Hay una variedad de razones por las que podr\u00eda 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\u00f3n de comentarios es muy concurrida, entonces pasar la carga a un sistema de comentarios externo, podr\u00eda ayudarle a reducir la carga en el servidor de su sitio.<\/p>\n Adem\u00e1s de esto, los sistemas externos ofrecen una mejor experiencia de usuario<\/a> que la del sistema nativo de comentarios de WordPress. Esto tambi\u00e9n podr\u00eda impulsar a que m\u00e1s visitantes comenten, ya que la mayor\u00eda ya tendr\u00e1 una cuenta con un sistema externo, y podr\u00e1n comentar de inmediato sin tener que registrarse o compartir detalles con su sitio.<\/p>\n En algunos casos, todos estos beneficios se acumulan. Sin embargo, esto no siempre es cierto.<\/p>\n No todos son fan\u00e1ticos de los sistemas de comentarios externos<\/a> y otros se preocupan de los datos que se recolectan detr\u00e1s de escenas<\/a>. Adem\u00e1s de esto, la idea de que un sistema de comentarios externo es m\u00e1s r\u00e1pido<\/a> que los comentarios nativos de WordPress suena bien en teor\u00eda, pero no siempre es lo que sucede en realidad.<\/p>\n Si decide utilizar un sistema externo de comentarios, h\u00e1galo porque le gusta la experiencia de utilizar ese sistema en particular y porque est\u00e1 convencido de que sus visitantes lo amar\u00e1n tanto como usted lo ama. No se pase a un sistema de comentarios externos creyendo que mejorar\u00e1 el desempe\u00f1o, ya que esto podr\u00eda ser m\u00e1s teor\u00eda que realidad. Si decide utilizar un sistema externo, aseg\u00farese de considerar implementar la siguiente estrategia: lazy loading\/carga diferida.<\/p>\n Sea que utilice los comentarios de WordPress o un sistema externo, los comentarios con lazy load es una t\u00e9cnica que sin duda alguna acelerar\u00e1 el tiempo de carga de su p\u00e1gina. Los sistemas de comentarios que son cargados de manera diferida son eliminados de la carga inicial de la p\u00e1gina y estos son cargados por JavaScript cuando el visitante llega a cierto punto de la p\u00e1gina o si da clic en el bot\u00f3n que dice \u201cCargar m\u00e1s Comentarios\u201d.<\/p>\n Si cree que implementar esto suena muy complejo, es porque lo es. Afortunadamente, no tiene que saber c\u00f3mo hacer esto. Hay plugins que puede utilizar para hacer lazy load al sistema de comentarios de su elecci\u00f3n.<\/p>\n La habilidad de hacer lazy load a los comentarios no es algo que est\u00e9 integrado en el core de WordPress. Sin embargo, hay una soluci\u00f3n liviana y gratuita que nosotros recomendamos, el plugin de Lazy Load for Comments.<\/a><\/p>\n El plugin se encuentra disponible en el directorio de plugins de WordPress. As\u00ed que puede instalar directamente desde el \u00e1rea de admin de WordPress. Esto reducir\u00e1 el n\u00famero de peticiones de HTTP al hacerle lazy load a todos los gravatars de WordPress. Este es muy sencillo de configurar. Simplemente inst\u00e1lelo y bajo las opciones de Discusi\u00f3n, habr\u00e1 dos opciones. Por defecto, tiene la opci\u00f3n de \u201cAl navegar\u201d, la cual ser\u00e1 la elecci\u00f3n de muchos. Tambi\u00e9n puede elegir \u201cAl dar clic\u201d la cual crear\u00e1 un bot\u00f3n para que los visitantes le den clic y se carguen los comentarios.<\/p>\n Otra opci\u00f3n para hacer lazy load a comentarios es utilizar el plugin de wpDiscuz<\/a>.<\/p>\n Este plugin est\u00e1 disponible en el directorio de plugins de WordPress. As\u00ed que puede instalarlo desde el \u00e1rea de admin de WordPress.<\/p>\n Ahora, cuando visite cualquier p\u00e1gina con m\u00e1s de diez comentarios, solo los primeros diez comentarios ser\u00e1n cargados. Comentarios adicionales se cargar\u00e1n autom\u00e1ticamente tan pronto llegue al fondo de la secci\u00f3n de comentarios.<\/p>\n Si usted utiliza Disqus, es muy importante que haga lazy load a los comentarios. Si no lo hace, Disqus podr\u00e1 causar problemas con la velocidad de carga de su sitio. Sin embargo, la carga diferida de los comentarios de Disqus puede acelerar su<\/a> sitio cuando lo compara con los comentarios nativos de WordPress.<\/p>\n Disqus Conditional Load<\/a> es un plugin gratuito que puede utilizar para hacer lazy load a Disqus en su sitio. Si nunca ha usado Disqus, usted necesitar\u00e1 inscribirse y crear una cuenta para agregar un nuevo sitio a Disqus<\/a>. Una vez que haya establecido su sitio de Disqus, instale el Disqus Conditional Load yendo a Plugins > Agregar Nuevo<\/strong>, encontrar \u201cDisqus Conditional Load\u201d, y seleccionar Instalar Ahora.<\/strong><\/p>\n Una vez que se haya completado la instalaci\u00f3n vaya a Comentarios > Disqus<\/strong> y seleccione Mejorar<\/strong> para configurar su base de datos<\/a> para que funcione con Disqus. En la siguiente pantalla, inicie sesi\u00f3n con Disqus utilizando su nombre de usuario y contrase\u00f1a de Disqus. En la siguiente pantalla, seleccione el sitio de Disqus que agrego hace unos minutos y seleccione el bot\u00f3n de Siguiente.<\/strong> Despu\u00e9s de completar el paso final, Disqus ser\u00e1 instalado en su sitio y configurado para hacer lazy load cuando sus lectores llegan a la secci\u00f3n de comentarios de su blog.<\/p>\n De hecho, nosotros utilizamos este plugin en el blog de Kinsta y lo recomendamos. Adem\u00e1s de hacer lazy loading a las im\u00e1genes (avatars), tambi\u00e9n le permite desactivar el script contador si no lo utiliza. As\u00ed que es una llamada menos de JavaScript a su sitio de WordPress.<\/p>\n El mismo desarrollador del plugin de Disqus Conditional Load que mencionamos arriba, tambi\u00e9n cre\u00f3 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\u00fan si los scripts son cargados de forma as\u00edncrona.<\/p>\n\n
Estrategias para Arreglar los Comentarios que Cargan Muy Lento<\/h2>\n
\n
Optimizando los Comentarios Nativos de WordPress<\/h2>\n
Limite el N\u00famero de Comentarios Mostrados<\/h3>\n
\n
![\"Opciones](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2016\/08\/opciones-de-comentarios.png\" "\\"Comment")
Utilice Avatars Alojados Localmente o en Su CDN<\/h3>\n
Utilice un Sistema de Comentarios Externo<\/h2>\n
Comentarios Lazy Load<\/h2>\n
Lazy Load Comentarios Nativos de WordPress<\/h3>\n
![\"Plugin](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2016\/08\/plugin-lazy-load-for-comments-wordpress.png\" "\\"Lazy")
<\/a>![\"Al](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2016\/08\/al-navegar-o-al-dar-clic.png\" "\\"On")
![\"Plugin](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2016\/08\/plugin-wpdiscuz-para-wordpress.jpg\" "\\"wpDiscuz")
<\/a>\n
Lazy Load Disqus<\/h3>\n
![\"Plugin](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2016\/08\/plugin-de-disqus-conditional-load.jpg\" "\\"Disqus")
<\/a>Lazy Load a Facebook Comments<\/h3>\n
![\"Plugin](\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2016\/08\/plugin-de-lazy-facebook-comments.jpg\" "\\"Lazy")
<\/a>