| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| Images en format WebP ou AVIF | DevTools > Network > Img > verifier extensions | |
| Aucune image > 200 Ko (sauf hero full-width) | DevTools > Network > Size column | |
| Images servies a la bonne taille (pas de redimensionnement CSS) | Lighthouse "Properly size images" | |
| width et height definis sur toutes les images | Inspecter HTML : <img width="..." height="..."> | |
| loading="lazy" sur images hors viewport | Verifier dans le HTML source | |
| Image LCP sans loading="lazy" | L'image hero doit charger immediatement | |
| Image LCP avec fetchpriority="high" | Verifier attribut sur l'image principale | |
| Alt descriptif sur les images | Inspecter HTML, important pour accessibilite et SEO |
Cours Web Performances & SEO
Checklist Complète pour Audit
Checklist exhaustive point par point
Checklist interactive pour auditer la performance d'un site. Cliquez sur chaque point pour le marquer comme validé, à corriger ou non applicable. Votre progression est sauvegardée automatiquement.
0/33
0 valides
0 a corriger
0 N/A
Non vérifié OK À corriger N/ACliquer pour changer le statut
| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| Fichiers CSS minifies | DevTools > Network > ouvrir le fichier CSS | |
| Pas de CSS render-blocking inutile | Lighthouse "Eliminate render-blocking resources" |
| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| Scripts avec defer (dependants de l'ordre) | Code source : <script defer src="..."> | |
| Aucun script bloquant sans defer/async dans <head> | Code source : rechercher <script src sans attribut | |
| Scripts tiers non-essentiels differes ou supprimes | DevTools > Network > filtrer par domaine tiers | |
| Fichiers JS minifies | DevTools > Network > ouvrir le fichier JS |
| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| font-display: swap defini | DevTools > Sources > fichier CSS @font-face | |
| Polices en format WOFF2 | DevTools > Network > Font > colonne Type | |
| Maximum 2-3 variantes chargees | DevTools > Network > filtrer Font | |
| Si Google Fonts : preconnect actif | Code source : <link rel="preconnect" href="fonts..."> |
| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| TTFB < 200ms (ideal) ou < 600ms (acceptable) | DevTools > Network > document HTML > Waiting (TTFB) | |
| Pas de redirections inutiles (301/302) | DevTools > Network > filtrer par status 3xx | |
| Compression Brotli ou Gzip activee | DevTools > Network > Response Headers > content-encoding |
| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| LCP < 2.5 secondes | PageSpeed Insights ou Lighthouse > Performance | |
| Element LCP identifie et optimise | Lighthouse > Diagnostics > Largest Contentful Paint element | |
| INP < 200ms | PageSpeed Insights (donnees terrain) ou web-vitals.js | |
| CLS < 0.1 | PageSpeed Insights ou Lighthouse > Performance | |
| Toutes images/iframes ont des dimensions | Evite les sauts de layout au chargement |
| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| Aucune ressource render-blocking non critique | Lighthouse "Eliminate render-blocking resources" | |
| Maximum 2-3 domaines tiers critiques | DevTools > Network > compter les domaines externes |
| Statut | Point à vérifier | Comment vérifier |
|---|---|---|
| Viewport meta correct | Code source : <meta name="viewport" content="width=device-width..."> | |
| Teste en conditions reseau degrade (3G) | DevTools > Network > Slow 3G throttling | |
| Tap targets minimum 48x48px | Lighthouse "Tap targets are not sized appropriately" | |
| Pas de scroll horizontal | DevTools > responsive mode ou test sur mobile | |
| Texte lisible sans zoom (16px minimum) | Lighthouse "Document uses legible font sizes" |