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

Por defecto, WordPress utiliza la carga diferida para retrasar las descargas de medios, lo que mejora los tiempos de carga.

En WPBeginner, usamos esta función en algunos de nuestros sitios para acelerar las cosas. Ayuda a que las páginas carguen más rápido al retrasar las imágenes hasta que realmente se necesiten.

Sin embargo, hay muchas razones para deshabilitar la carga diferida, ya sea para optimizar elementos específicos, solucionar problemas, garantizar la compatibilidad de plugins o prevenir una mala experiencia de usuario.

En este artículo, te mostraremos cómo deshabilitar 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, amplió la función de carga diferida a incrustaciones de iframe (como videos de YouTube, Spotify y otras incrustaciones).

Esta práctica ayuda a mejorar el rendimiento de tu sitio y la velocidad de carga de las páginas al cargar primero rápidamente el contenido en el área visible.

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

Además de imágenes e incrustaciones, también puedes fácilmente cargar comentarios de forma diferida y Gravatars para mejorar aún más la velocidad de carga de la página.

Puedes ver la funcionalidad de carga diferida en acción haciendo clic derecho en una imagen y seleccionando la herramienta Inspeccionar en tu navegador.

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

Ahora, normalmente no recomendamos deshabilitar la carga diferida debido a sus beneficios generales para tu sitio web de WordPress. Desactivarla puede resultar en una menor velocidad del sitio web, menores tasas de conversión y menores rankings SEO.

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

Por ejemplo, si tienes un sitio web de fotografía donde las imágenes son el aspecto más importante de tu contenido, entonces cargarlas de forma diferida puede arruinar la experiencia del usuario para tus clientes.

En otros casos, es posible que estés utilizando una solución de carga diferida diferente y solo quieras desactivar la carga diferida predeterminada de WordPress.

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

Para este tutorial, te mostraremos un método de código y un método de plugin. Puedes usar los enlaces a continuación para saltar a la opción que prefieras:

• Método 1: Deshabilitar la carga diferida en WordPress usando WPCode (Recomendado)
• Método 2: Deshabilitar la carga diferida en WordPress usando un plugin
• Tutorial en video
• Extra: Aumenta la velocidad y el rendimiento de tu sitio

Método 1: Deshabilitar la carga diferida en WordPress usando WPCode (Recomendado)

Puedes deshabilitar la función de carga diferida en WordPress agregando código personalizado al archivo functions.php de tu tema.

Sin embargo, ten en cuenta que el más mínimo error al agregar el código puede romper tu sitio web y hacerlo inaccesible.

Por eso recomendamos usar WPCode para agregar código personalizado.

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

Lo hemos probado a fondo en nuestro sitio web de demostración y vimos excelentes resultados. Para obtener más información, consulta nuestra reseña completa de WPCode.

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

Después de la activación, visita la página Fragmentos de código » + Agregar fragmento desde el panel de WordPress.

Desde aquí, haz clic en el botón ‘Usar fragmento’ debajo de la opción ‘Agregar tu código personalizado (Nuevo fragmento)’.

Esto te dirigirá a la página ‘Crear fragmento personalizado’, donde puedes comenzar escribiendo un nombre para tu fragmento de código.

Esto puede ser cualquier cosa que te ayude a identificar el fragmento de código y lo que hace. Nosotros lo llamamos ‘Desactivar carga diferida’.

Una vez que le hayas dado un nombre a tu fragmento personalizado, selecciona ‘Fragmento de PHP’ en el menú desplegable ‘Tipo de código’ en la esquina derecha de la pantalla.

Ahora, copia y pega el siguiente código PHP en el cuadro ‘Vista previa del código’:

add_filter( 'wp_lazy_loading_enabled', '__return_false' );

Así es como se verá el código después de pegarlo.

Después de eso, desplázate hacia abajo hasta la sección ‘Inserción’. Aquí, simplemente elige el modo ‘Inserción automática’.

Esto asegurará que tu código personalizado se ejecute automáticamente en todas partes de tu sitio de WordPress una vez que actives el fragmento.

A continuación, vuelve a desplazarte hasta la parte superior de la página y simplemente cambia el interruptor de ‘Inactivo’ a ‘Activo’.

Finalmente, no olvides hacer clic en el botón ‘Guardar fragmento’ para guardar y ejecutar tu fragmento de código.

Ahora, la carga diferida se desactivará en tu sitio de WordPress.

Puedes probarlo haciendo clic derecho en una imagen y seleccionando ‘Inspeccionar’ en el menú del navegador.

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

Método 2: Deshabilitar la carga diferida en WordPress usando un plugin

Si no quieres agregar código a tu sitio, puedes usar un plugin para desactivar la carga diferida de WordPress.

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

El plugin funciona directamente y no requiere ninguna configuración. Una vez activado, deshabilitará automáticamente la función de carga diferida en tu sitio web.

Tutorial en video

Si no prefieres instrucciones escritas, puedes ver nuestro videotutorial:

Extra: Mejora la velocidad y el rendimiento de tu sitio

Una vez que hayas deshabilitado la carga diferida, esto puede afectar negativamente la velocidad y el rendimiento de tu sitio web.

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

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

Aparte de eso, también puedes usar plugins de caché como WP Rocket o WP Super Cache para mejorar aún más la velocidad de tu sitio.

Para más consejos, puedes 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 deshabilitar correctamente la carga diferida en WordPress. También te puede interesar nuestra guía para principiantes sobre cómo optimizar imágenes de WordPress para mejorar los tiempos de carga de página o ver nuestra selección de los mejores plugins de compresión de imágenes de WordPress.

Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.