Skip to content

Commit

Permalink
Update 33-lazyload.md
Browse files Browse the repository at this point in the history
  • Loading branch information
ms-studio committed Jan 16, 2023
1 parent cfc6e6c commit 77b99eb
Showing 1 changed file with 5 additions and 3 deletions.
8 changes: 5 additions & 3 deletions 33-lazyload.md
Original file line number Diff line number Diff line change
Expand Up @@ -14,19 +14,21 @@ Désormais, un attribut HTML a été défini, qui est progressivement adopté pa
- Depuis 2019 dans Chrome (77)
- Depuis 2020 dans Edge (79)
- Depuis 2020 dans Firefox (75)
- Depuis décembre 2022 dans Chrome pour Android (108)
- Depuis 2022 dans Safari (15.4)
- Depuis décembre 2022 dans Chrome pour Android (108)

En janvier 2023, cet attribut est pris en compte dans 91.47% des navigateurs.
En janvier 2023, cet attribut est pris en compte dans 91.47% des navigateurs!

## Comment utiliser
## Comment l'utiliser

Il suffit d'ajouter un attribut `loading="lazy"` à la balise `img`. Exemple:

```html
<img src="image.png" loading="lazy" alt="" width="200" height="200">
```

C'est tout! Cet attribut indique au navigateur de ne déclencher le chargement qu'au moment où l'image devient visible. Vous améliorez ainsi la performance de votre site, car le chargement initial est accéléré.

## Ressources

- CanIUse: [https://caniuse.com/loading-lazy-attr](https://caniuse.com/loading-lazy-attr) - l'état du support des navigateurs.
Expand Down

0 comments on commit 77b99eb

Please sign in to comment.