Cómo desactivar correctamente la carga diferida en WordPress (paso a paso)

Por defecto, WordPress viene con una característica de carga diferida, que retrasa las descargas de imágenes y otros medios hasta que se necesitan, mejorando los tiempos de carga de la página.

Sin embargo, no mostrar las imágenes de inmediato puede crear una mala experiencia de usuario para algunos sitios web. Además, hay muchas otras situaciones en las que podría querer desactivar la carga diferida, como para optimizar elementos específicos, diagnosticar incidencias o mejorar la compatibilidad con determinados plugins y características.

En WPBeginner, tenemos más de 15 años de experiencia en la optimización del rendimiento de WordPress y entendemos cómo y cuándo utilizar la carga diferida. Incluso utilizamos esta característica en algunos de nuestros propios sitios web para aumentar la velocidad del sitio.

En este artículo, le mostraremos cómo desactivar fácilmente la carga diferida en WordPress.

¿Qué es la carga diferida?

WordPress introdujo por primera vez la carga diferida de imágenes en WordPress 5.5. Más tarde, extendió la característica de carga diferida a incrustaciones iframe (como vídeos de YouTube, Spotify y otras incrustaciones).

Esta práctica ayuda a mejorar el rendimiento de su sitio y la velocidad de la página al cargar primero el contenido de la zona visible.

Un sitio web más rápido no sólo es bueno para los usuarios, sino que también puede mejorar la clasificación de su sitio web, ya que los motores de búsqueda como Google consideran la velocidad un factor de clasificación importante.

Aparte de imágenes e incrustaciones, también puede diferir fácilmente la carga de comentarios y Gravatars para mejorar aún más la velocidad de carga de la página.

Puede ver la funcionalidad de carga diferida en acción haciendo clic con el botón derecho en una imagen y seleccionando la herramienta Inspeccionar en su navegador.

Esto dividirá la pantalla de su navegador y le mostrará el código fuente HTML. Desde aquí, podrá ver el atributo “loading=lazy” añadido a la imagen.

Normalmente, no recomendamos desactivar la carga diferida debido a sus ventajas generales para su sitio web WordPress. Desactivarlo puede resultar en una velocidad más lenta del sitio web, tasas de conversión más bajas y rankings SEO más bajos.

Sin embargo, la carga diferida puede perjudicar la experiencia del usuario en algunos sitios web.

Por ejemplo, si tiene un sitio web de fotografía en el que las imágenes son el aspecto más importante de su contenido, cargarlas de forma diferida puede arruinar la experiencia de usuario de sus clientes.

En otros casos, puede que esté utilizando una solución de carga diferida diferente y sólo quiera desactivar la carga diferida por defecto de WordPress.

Dicho esto, veamos cómo desactivar fácilmente la carga diferida en WordPress.

Para este tutorial, le mostraremos un método de código y un método de plugins. Puede utilizar los enlaces de abajo para saltar a cualquier opción que prefiera:

O, si prefieres mirar y aprender, siempre puedes seguir el tutorial en vídeo que encontrarás a continuación.

Tutorial en vídeo

Si prefiere instrucciones escritas, siga leyendo.

Método 1: Desactivar Lazy Load en WordPress Usando WPCode (Recomendado)

Puede desactivar la característica de carga diferida en WordPress añadiendo código personalizado al archivo functions.php de su tema.

Sin embargo, tenga en cuenta que el más mínimo error al añadir el código puede romper su sitio web y hacerlo inaccesible.

Por eso recomendamos utilizar WPCode para añadir código personalizado.

Es el mejor plugin de WordPress de fragmentos de código personalizados del mercado. Además, hace que añadir código a tu sitio web sea súper fácil y seguro.

Primero, necesitas instalar y activar el plugin WPCode. Para obtener instrucciones detalladas, consulte nuestra guía sobre cómo instalar un plugin de WordPress.

Una vez activado, visite la página Fragmentos de código ” + Añadir fragmento desde el escritorio de WordPress.

Desde aquí, haga clic en el botón “Usar fragmento de código” situado bajo la opción “Añadir su código personalizado (nuevo fragmento de código)”.

Esto le dirigirá a la página “Crear fragmento de código personalizado”, donde puede empezar escribiendo un nombre para su fragmento de código.

Puede ser cualquier cosa que le ayude a identificar el fragmento de código y lo que hace. Nosotros lo llamamos “Desactivar carga diferida”.

Una vez que haya dado un nombre a su fragmento de código personalizado, seleccione “Fragmento de código PHP” en el menú desplegable “Tipo de código” situado en la esquina derecha de la pantalla.

Ahora, copie y pegue el siguiente código PHP en la casilla ‘Vista previa del código’:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Este es el aspecto que tendrá el código una vez pegado.

A continuación, desplácese hasta la sección “Inserción”. Aquí, simplemente elija el modo ‘Auto Insertar’.

Esto asegurará que su código personalizado se ejecute automáticamente en cualquier parte de su sitio WordPress una vez que active el fragmento.

A continuación, desplácese hasta la parte superior de la página y cambie el conmutador “Inactivo” a “Activo”.

Por último, no olvide hacer clic en el botón “Guardar fragmento” para guardar y ejecutar su fragmento de código.

Ahora, la carga diferida estará desactivada en su sitio WordPress.

Puede comprobarlo haciendo clic con el botón derecho en una imagen y seleccionando “Inspeccionar” en el menú del navegador / explorador.

En el código HTML de la imagen, el atributo ‘loading=lazy’ desaparecerá.

Método 2: Desactivar Lazy Load en WordPress usando un plugin

Si no desea añadir código a su sitio, puede utilizar un plugin para desactivar la carga diferida de WordPress.

Lo único que tienes que hacer es instalar y activar el plugin Disable Lazy Load. Para más instrucciones, marca / comprobar nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

El plugin funciona de forma inmediata y no requiere ninguna configuración. Una vez activado, desactivará automáticamente la característica de carga diferida en su sitio web.

Bonificación: Aumente la velocidad y el rendimiento de su sitio web

Una vez desactivada la carga diferida, puede afectar negativamente a la velocidad y el rendimiento de su sitio web.

En ese caso, puede probar otros consejos para mejorar el rendimiento de su sitio y reducir el tiempo de carga de la página. Por ejemplo, puedes optimizar las imágenes de tu sitio comprimiéndolas, utilizando JPEG o PNG como formatos de archivo, etc.

Además, siempre debe ejecutar la última versión de WordPress, utilizar extractos en la página de inicio, dividir los comentarios en páginas y utilizar temas optimizados para SEO en su sitio web.

Aparte de eso, también puede utilizar plugins de caché como WP Rocket o WP Super Cache para aumentar aún más la velocidad de su sitio.

Para obtener más consejos, puede consultar nuestra guía para principiantes sobre cómo aumentar la velocidad y el rendimiento de WordPress.

Esperamos que este artículo te haya ayudado a aprender cómo desactivar correctamente la carga diferida en WordPress. También puedes consultar nuestra guía para principiantes sobre cómo optimizar las imágenes de WordPress para mejorar los tiempos de carga de las páginas o nuestra selección de los mejores plugins de compresión de imágenes para WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.