Carga lenta vs. Carga rápida

Carga perezosa: ¿Qué es y por qué debería importarte?

Un sitio web bonito está muy bien, pero no si nadie lo ve. 

Puede que hayas diseñado un sitio web impresionante, pero si no se carga rápidamente, puedes estar perdiendo tráfico. 

Diversos estudios han demostrado que alrededor del 50% de los usuarios de Internet esperan que una página web se cargue en dos segundos o menos, lo que significa que si tu sitio tarda tres segundos en cargarse, es muy probable que hayas perdido a tu visitante. 

Por otro lado, es posible aumentar las conversiones reduciendo el tiempo de carga de la página. 

Cuando investigues cómo hacer que tu sitio web sea más rápido, es probable que te hayas topado con el término "carga lenta".

Si no estás seguro de lo que es este término, no te preocupes. No eres el único.

¿Qué es la carga lenta?

La carga lenta (también conocida como carga diferida) es la acción de cargar sólo los activos de página necesarios a medida que se necesitan, con el fin de conservar los recursos del sistema y mejorar la velocidad y el rendimiento generales. 

En cuanto a las imágenes, la carga lenta significa que cualquier imagen que no se necesite inmediatamente no se cargará hasta que se solicite. 

Funciona añadiendo atributos al contenido original.

Al aplazar la carga de imágenes hasta que se necesiten, las páginas web pueden cargarse más rápidamente sólo con las imágenes inmediatamente necesarias. 

Las imágenes de la página que no estén en la ventana de visualización de los usuarios se rellenarán con una imagen de marcador de posición hasta que sea necesario.

Si eres usuario de instagram, probablemente ya hayas visto esta característica varias veces. La próxima vez que utilices Instagram, visita una página popular y observa que las fotos no se cargan hasta que el usuario se desplaza hacia abajo hasta donde están esas fotos. 

¿Qué es la Carga Ansiosa?

Mientras que la carga perezosa se toma su tiempo para cargar las imágenes, eager no tiene la misma paciencia.

La carga rápida es la acción de forzar la carga de todos los activos de una página a la vez. Carga las entidades relacionadas, aunque el visitante nunca se desplace hasta ellas. 

Es posible que también hayas visto antes la carga dinámica en acción. Si alguna vez has visitado una página con muchas fotos o vídeos que mostraba una pantalla de carga, eso es eager loading. 

La carga rápida te permite cargar todos tus recursos a la vez, pero puede reducir mucho la velocidad y aumentar el uso de ancho de banda y recursos. 

Carga lenta vs. Carga rápida

En cuanto a qué tipo de carga funciona mejor, todo depende de tus necesidades individuales. 

La carga lenta ofrece una serie de ventajas, como la reducción de peticiones, un tiempo de carga más rápido, menos recursos y ahorro de ancho de banda.

Esto es especialmente útil si tienes muchas fotos en una página o un artículo que contiene varias fotos.

Y con los sitios móviles, donde los usuarios tienden a ser aún más impacientes

La carga rápida garantiza que tu sitio y todos sus activos relacionados se carguen a la vez. 

Si tienes activos ligeros o consultas rápidas, la carga ansiosa puede ser una buena opción porque puede ahorrar tiempo al no tener que ejecutar consultas SQL adicionales.

Carga lenta en WordPress

WordPress introdujo la carga lenta de imágenes por defecto en WordPress 5.5.

Hasta la versión 5.5, los usuarios tenían que instalar un plugin de terceros para realizar una carga lenta de las imágenes. 

Esto debería suponer una gran mejora en la velocidad del sitio para millones de usuarios WordPress .

"Si WordPress habilitara la carga perezosa nativa por defecto, tendría un impacto significativo en el rendimiento y la experiencia de usuario de millones de sitios, sin necesidad de tener conocimientos técnicos ni siquiera de conocer la carga perezosa como concepto", afirma Felix Arntz, committer del núcleo de WordPress , en el post de anuncio de la versión 5.5. "Adoptar el nuevo atributo de carga es una gran oportunidad para que WordPress lidere el camino hacia una web más rápida en general".

Ahora se puede añadir la carga lenta a cualquier página añadiendo el atributo "loading" a cualquier etiqueta "img".