Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

L'auteur explique pas-à-pas une technique pour faire du lazy loading des images d'un site web. Il part d'une approche "brute de décoffrage" qu'il affine ensuite, notamment par l'utilisation de l'API IntersectionObserver.

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

TLDR :

img {
  max-width: 100%;
}
img[width] {
  width: auto; /* Defer to max-width */
}
img[width][height] {
  height: auto; /* Preserve aspect ratio */
}

/* Let SVG scale without boundaries */
img[src$=".svg"] {
  width: 100%;
  height: auto;
  max-width: none;
}

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre

Tout est dans le titre