No cargar imágenes que aún no están en la imagen

Un sitio web con muchas imágenes puede cargarse más lentamente. A continuación, se enfrentará a Cargar imágenes que aún no están a la vista. ¿Qué es Cargar imágenes que aún no están a la vista y cómo se soluciona? Se lo explicamos en esta página.

¿Qué es Cargar imágenes que aún no están a la vista?

No cargar imágenes que aún no están a la vista es cuando tiene varias imágenes en una página, pero sólo una de ellas aparece a la vista inmediatamente cuando se carga la página. No verá la página hasta que se hayan cargado también todas las demás imágenes.

Carga de imágenes más rápida con lazy loading

Existe una solución práctica para No cargar imágenes que aún no están a la vista: el principio lazy loading. En ella, una imagen sólo se carga cuando está casi a la vista. El primer renderizado es, por tanto, mucho más rápido. Esta carga lenta ya está activada por defecto con Wix y WordPress, entre otros.

La recomendación sobre la carga de imágenes se obtiene mediante Google pageSpeed Insights.

Impacto de cargar imágenes que aún no están a la vista en el SEO

No cargar imágenes que aún no están a la vista repercute, en cierto modo, en el SEO de un sitio o página web. No cargar las imágenes lleva mucho tiempo; esto no es agradable para el visitante de un sitio web. Además, esto también repercute en la optimización de los motores de búsqueda, ya que cada vez incluyen más en su calificación la experiencia del usuario en un sitio web y la velocidad del mismo. Como tal, también afecta a la clasificación en los resultados de búsqueda.

Mi consejo

Recomendamos encontrar una solución al problema No cargue imágenes que aún no estén a la vista. Una forma de hacerlo es con la carga lenta. Además, el uso de Google pageSpeed Insights también es una forma inteligente de obtener más información sobre el contenido de su página web. Un buen análisis le permitirá realizar los ajustes necesarios.

El libro más completo sobre la velocidad de los sitios web

He escrito tanto sobre la aceleración de sitios web y todo lo que implica, que me gusta dividirlo en diferentes secciones; general, herramientas, puntos de mejora de la velocidad y consejos. No dude en ver y consultar todos los enlaces que aparecen a continuación para obtener más información sobre herramientas y consejos para acelerar su sitio web.

General

• ¿Cuál es la velocidad del sitio web?
• Velocidad del sitio web: la división entre marketing y desarrollo
• La influencia del SEO en la UX
• La influencia del diseño web en el SEO
• SPA y SEO
• ¿Qué son las Google Core Web Vitals?

Herramientas

• Autoptimize
• Pagespeed.Compare
• W3 Total Cache
• Herramientas Pingdom
• Google Pagespeed Insights
• GTMetrix

Mejoras en la velocidad

• First Contentful Paint (FCP)
• Tiempo hasta el primer byte (TTFB)
• Tiempo para interactuar (TTI)
• Imagen de la vista más grande con contenido (LCP) precargado
• Activar la compresión de texto
• Reducir el CSS
• Tiempo total de bloqueo (TBT)
• Índice de velocidad
• Reducir JavaScript
• El mayor contenido de pintura
• Evitar el exceso de DOM
• Borrar CSS no utilizado
• Eliminar JavaScript no utilizado
• Imágenes en diseños modernos
• Conéctese con antelación a los orígenes necesarios
• Evite que JavaScript obsoleto llegue a los navegadores modernos
• Utilizar una política de caché eficaz para los elementos estáticos
• Eliminar módulos duplicados de JavaScript
• Evitar redireccionamientos múltiples
• Codificar imágenes con eficacia
• Cargar las solicitudes importantes con antelación

Consejos generales

• Consejos para cargar rápidamente un vídeo
• Usar Edge SEO para un sitio web más rápido
• Instalación de una red de distribución de contenidos para SEO
• Optimización de imágenes para SEO
• El impacto del alojamiento en el SEO