5 documentos con la etiqueta «Images»
«Volver a todas las etiquetas»
Images are the most common cause of a slow LCP. A large, uncompressed image in the first viewport will tank the metric even if the rest of the site is impeccable. Fortunately, there is a lot to be done about them, often with minimal effort.
Under the images tag you will find articles on modern formats (WebP, AVIF), proper lazy loading, srcset for different resolutions, LCP image optimisation, and tools like Squoosh or Jpegli.
Carga diferida de imágenes: guía detallada para mejorar LCP
Recomendamos la carga diferida de imágenes y otros elementos como uno de los métodos básicos y al mismo tiempo muy efectivos para optimizar la velocidad de carga de la página. Le recomendamos posponer conservadoramente la carga de todas las imágenes fuera del primer viewport. Tenga cuidado de aplicar la carga diferida a las imágenes que son elementos LCP, ya que esto puede empeorar la velocidad.
CLS: cómo mantener la altura de los elementos (imágenes, componentes JS, iframes...)
En este texto aprenderás por qué y cómo es necesario asegurarse de las dimensiones de los elementos que se insertan de forma asíncrona en la página, como elementos <img>, <iframe> o componentes de JavaScript, a nivel de HTML o CSS.
Imágenes AVIF: hasta un 40% de ahorro de datos frente a WebP
El formato AVIF ofrece una compresión aún mejor que WebP. Veamos cuándo tiene sentido utilizarlo y cómo implementar un fallback para navegadores más antiguos.
Imágenes WebP: cómo ahorrar valiosos kilobytes
La velocidad de carga de una página web suele depender de unos pocos segundos. El formato de imagen WebP puede ser tu arma secreta para ahorrar kilobytes y acercarte al rendimiento óptimo.
Optimización de imágenes: Cuando entre kilobytes y píxeles deciden milisegundos
Incluso ustedes, simples mortales, pueden domar sus imágenes y hacer que trabajen a su favor, no en su contra. Solo necesitan usar WebP o AVIF, comprimir bien y no olvidar la carga diferida.