[et_pb_section fb_built=\u00bb1″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_row _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_column type=\u00bb4_4″ _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n
\u00bfAlguna vez hemos notado que nuestro sitio web se ralentiza debido a la gran cantidad de comentarios en las publicaciones?<\/strong> Si es as\u00ed, estamos en el lugar correcto. En esta gu\u00eda, vamos a explorar una soluci\u00f3n ingeniosa para este problema: el lazy load en los comentarios de WordPress.<\/p>\n El lazy load WordPress<\/a>, o carga perezosa, es una t\u00e9cnica de optimizaci\u00f3n web que carga contenido solo cuando es necesario, es decir, cuando el usuario se desplaza hasta \u00e9l. En el caso de los comentarios de WordPress, esto significa que los comentarios solo se cargar\u00e1n cuando el usuario se desplace hasta la secci\u00f3n de comentarios. Esto puede mejorar en gran medida la velocidad de WordPress<\/a> y nuestro sitio en general, en especial si tenemos publicaciones con cientos o incluso miles de comentarios.<\/p>\n En esta gu\u00eda, vamos a ver c\u00f3mo activar el lazy load en los comentarios de WordPress, una forma efectiva de mantener el sitio web \u00e1gil y r\u00e1pido, sin importar cu\u00e1ntos comentarios acumulemos. \u00a1Vamos a ello!<\/strong><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Antes de sumergirnos en c\u00f3mo activar el lazy load en los comentarios de WordPress, es importante entender qu\u00e9 es el lazy load.<\/p>\n El lazy load, tambi\u00e9n conocido como carga diferida<\/strong>, es una t\u00e9cnica de optimizaci\u00f3n web que carga el contenido de la p\u00e1gina solo cuando es necesario. En lugar de cargar todo el contenido de la p\u00e1gina de una vez, el lazy load carga el contenido a medida que el usuario se desplaza por la p\u00e1gina. Esto puede mejorar la velocidad de carga de la p\u00e1gina y la experiencia del usuario, en especial en p\u00e1ginas con mucho contenido, como las que tienen muchos comentarios.<\/p>\n El lazy load es una t\u00e9cnica de optimizaci\u00f3n web que puede mejorar la velocidad de nuestro sitio y la experiencia del usuario al cargar el contenido solo cuando es necesario.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Ahora que ya sabemos qu\u00e9 es el lazy load<\/strong>, es posible que nos estemos preguntando: \u00bfPor qu\u00e9 deber\u00eda activarlo en los comentarios de mi sitio WordPress? Bueno, hay varias razones convincentes para hacerlo.<\/p>\n Primero, la velocidad del sitio web es crucial. Un sitio web lento puede frustrar a los visitantes y hacer que abandonen nuestra p\u00e1gina antes de que puedan interactuar con el contenido. Imaginemos que tenemos una publicaci\u00f3n de blog popular con cientos o miles de comentarios.<\/p>\n Cada vez que alguien visita esa publicaci\u00f3n, su navegador tiene que cargar todos esos comentarios, lo que puede ralentizar la carga de la p\u00e1gina. Con el lazy load, los comentarios solo se cargar\u00e1n cuando el visitante se desplace hasta la secci\u00f3n de comentarios, lo que puede hacer que la p\u00e1gina se cargue mucho m\u00e1s r\u00e1pido.<\/p>\n Por ejemplo<\/strong>, digamos que tienes una publicaci\u00f3n de blog sobre \u00abLos mejores destinos de viaje en 2023\u00bb. Esta publicaci\u00f3n es muy popular y ha acumulado m\u00e1s de 1000 comentarios. Sin el lazy load, cada vez que alguien visita tu publicaci\u00f3n, su navegador tiene que cargar todos esos comentarios. Pero con el lazy load, la p\u00e1gina se carga con rapidez y los comentarios solo aparecen cuando el visitante se desplaza hasta ellos.<\/p>\n Adem\u00e1s, el lazy load puede ayudar a reducir el uso de datos, lo cual es en especial \u00fatil para los visitantes que navegan por tu sitio desde una conexi\u00f3n m\u00f3vil con un l\u00edmite de datos.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Ahora que comprendemos la importancia del lazy load<\/strong> y c\u00f3mo puede mejorar la velocidad de nuestro sitio web y la experiencia del usuario, es hora de aprender c\u00f3mo activarlo para los comentarios de WordPress.<\/p>\n Ya sea que estemos utilizando el sistema de comentarios predeterminado de WordPress, un plugin de comentarios en WordPress<\/a>, o incluso un sistema de comentarios personalizado, hay varias formas de implementar el lazy load. En los pr\u00f3ximos puntos, vamos a ver los pasos detallados para activar el lazy load en cada uno de estos escenarios. As\u00ed que, si estamos listo para hacer que nuestro sitio web sea m\u00e1s r\u00e1pido y eficiente, \u00a1sigamos adelante!<\/strong><\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n El primer punto de este paso a paso resulta ser la opci\u00f3n 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\u00f3n de comentarios en entradas<\/a> y p\u00e1ginas.<\/p>\n 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<\/a> permita esta carga o lazy load para los comentarios.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/07\/lazy-load-coments.png\u00bb title_text=\u00bblazy load coments\u00bb url=\u00bbhttps:\/\/wordpress.org\/plugins\/lazy-load-for-comments\/\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n El plugin de lazy load comments<\/strong>, nos va a ayudar a realizar lo que necesitamos a nivel de carga y optimizaci\u00f3n 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<\/strong>.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/07\/ajuste-de-comentario-carga-diferida.gif\u00bb title_text=\u00bbajuste de comentario carga diferida\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Entre las opciones que podemos seleccionar y nos interesan tenemos:<\/p>\n Al hacer scroll (on scroll):<\/strong> con esta opci\u00f3n activada, los comentarios se cargar\u00e1n a medida que los visitantes vayan desplaz\u00e1ndose por la p\u00e1gina. A medida que lleguen al final de la p\u00e1gina, se cargar\u00e1n nuevos comentarios sin que los usuarios tengan que hacer nada m\u00e1s que seguir desplaz\u00e1ndose hacia abajo.<\/p>\n Al hacer clic (on clic):<\/strong> este m\u00e9todo a diferencia del anterior si necesitara que los usuarios interact\u00faen con el sitio, este creara un bot\u00f3n en la parte inferior del \u00faltimo comentario visible para cargar los dem\u00e1s comentarios que tengamos en esta secci\u00f3n.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/07\/cargar-comentarios.gif\u00bb title_text=\u00bbcargar comentarios\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Como podemos ver no solo podemos agregar el bot\u00f3n de cargar m\u00e1s comentarios<\/strong>, sino que tambi\u00e9n podemos cargar los comentarios en primera instancia, de esta forma aumentar a\u00fan m\u00e1s la carga de nuestro sitio para que no interfiera en programas o lectores de velocidad.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n 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\u00f3n de comentarios, como es el caso del plugin Disqus.<\/p>\n El cargar de forma diferida o con lazy load los comentarios de este plugin es igual de importante debido a las solicitudes HTTP<\/strong> 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.<\/p>\n El plugin que debemos agregar es el de Disqus Conditional Load<\/strong>, este es desarrollado por las mismas personas que desarrollaron el plugin de Disqus, por lo tanto, tenemos entera confianza en que ser\u00e1 compatible el uso de este con nuestro plugin principal.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/07\/disqus-conditional.png\u00bb title_text=\u00bbdisqus conditional\u00bb url=\u00bbhttps:\/\/wordpress.org\/plugins\/disqus-conditional-load\/\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Una vez instalado este plugin, el primer paso es activar la gesti\u00f3n de comentarios con lazyload. Para ello, accedemos al panel de administraci\u00f3n del plugin, que se encuentra en el men\u00fa lateral de Disqus > Ajustes de DCL (Disqus Conditional Load)<\/strong>. Aqu\u00ed, al ser parte del propio plugin Disqus, podremos habilitar esta opci\u00f3n de la misma manera que activamos los comentarios de WordPress, ya sea mediante clic o al hacer scroll.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/07\/ajustes-comentarios-en-disqus.gif\u00bb title_text=\u00bbajustes comentarios en disqus\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Como podemos ver, en estas configuraciones tenemos m\u00e1s opciones que podemos modificar, sin embargo, lo mejor es siempre tener un respaldo o backup WordPress<\/a> antes de modificar cualquier ajuste que tenga que ver con la carga diferida de nuestra web. Esto puede que optimice nuestro sitio, pero tambi\u00e9n puede ocasionar problemas en la carga general del mismo.<\/p>\n Un ajuste que podemos mover sin problemas es el de los mensajes a mostrar ya sea del bot\u00f3n para cargar m\u00e1s comentarios o incluso el propio mensaje de carga de comentarios, no solo eso, sino que podemos aplicar un estilo CSS<\/strong> diferente en caso de querer modificar el CSS<\/strong> de nuestro sitio.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Por \u00faltimo, pero no menos importante, tenemos los comentarios que provienen de Facebook <\/strong>al conectar WooCommerce con Facebook<\/a>. Si utilizamos un sistema que permite los comentarios de Facebook en nuestras p\u00e1ginas o entradas, es probable que muchos de estos sistemas ya incorporen la funci\u00f3n de lazy load. Sin embargo, en caso de que no lo tengan, podemos utilizar otro plugin que, aunque no est\u00e1 del todo actualizado, sigue funcionando con la mayor\u00eda de los plugins de comentarios de Facebook<\/strong>.<\/p>\n [\/et_pb_text][et_pb_image src=\u00bbhttps:\/\/pruebasweb.argenispaz.com\/wp-content\/uploads\/2023\/07\/lazy-load-facebook.png\u00bb title_text=\u00bblazy load facebook\u00bb url=\u00bbhttps:\/\/wordpress.org\/plugins\/lazy-facebook-comments\/\u00bb _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″][\/et_pb_image][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Una vez instalado vamos a poder ver sus ajustes en el panel de Ajustes > Lazy FB comments<\/strong>. Aqu\u00ed 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\u00f3n, no solo esto sino tambi\u00e9n otros elementos caracter\u00edsticos de este sistema como ser\u00eda el lenguaje o el esquema de colores a utilizar.<\/p>\n 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\u00fan m\u00e1s los elementos que tenemos a disposici\u00f3n.<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb hover_enabled=\u00bb0″ global_colors_info=\u00bb{}\u00bb sticky_enabled=\u00bb0″]<\/p>\n Y aqui lo tenemos, una gu\u00eda sobre c\u00f3mo 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\u00f3n para nosotros.<\/p>\n Recordemos que el lazy load no solo mejora la velocidad del sitio, sino que tambi\u00e9n puede ayudar a reducir la carga en nuestro servidor, lo que es en especial \u00fatil si tenemos un sitio con mucho tr\u00e1fico o con un gran n\u00famero de comentarios.<\/p>\n Pero no tenemos por que detenernos alli. Cada peque\u00f1a mejora puede sumar y hacer una gran diferencia en el rendimiento general de nuestro sitio y, en \u00faltima instancia, en la satisfacci\u00f3n de los visitantes.<\/p>\n Esperamos que esta gu\u00eda haya sido \u00fatil y haya proporcionado el conocimiento y las herramientas necesarias para implementar el lazy load en los comentarios de nuestros sitios WordPress. \u00a1El siguiente paso para hacer que nuestro sitio web sea m\u00e1s r\u00e1pido y eficiente!<\/p>\n [\/et_pb_text][et_pb_text _builder_version=\u00bb4.21.0″ _module_preset=\u00bbdefault\u00bb global_colors_info=\u00bb{}\u00bb]<\/p>\n Tambi\u00e9n te puede interesar:<\/p>\n <\/p>\n [\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":" \u00bfAlguna vez hemos notado que nuestro sitio web se ralentiza debido a la gran cantidad de comentarios en las publicaciones? Si es as\u00ed, estamos en el lugar correcto. En esta gu\u00eda, vamos a explorar una soluci\u00f3n ingeniosa para este problema: el lazy load en los comentarios de WordPress. El lazy load WordPress, o carga perezosa, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/358"}],"collection":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/comments?post=358"}],"version-history":[{"count":10,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/358\/revisions"}],"predecessor-version":[{"id":399,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/posts\/358\/revisions\/399"}],"wp:attachment":[{"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/media?parent=358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/categories?post=358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pruebasweb.argenispaz.com\/index.php\/wp-json\/wp\/v2\/tags?post=358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}\u00bfQu\u00e9 es lazy load?<\/h2>\n
\u00bfPor qu\u00e9 activar el lazy load en los comentarios de WordPress?<\/h2>\n
\u00bfC\u00f3mo activar el lazy load en los comentarios de WordPress?<\/h2>\n
Activar lazy load en comentarios nativos<\/h3>\n
Activar lazy load en plugin Disqus<\/h3>\n
Activar lazy load en comentarios de Facebook<\/h3>\n
\u00a0\u00a0Conclusiones<\/h2>\n
\n