Devsource by Maxime GUINARD

portfolio client lastela | Devsource by Maxime GUINARD

CLS (Cumulative Layout Shift)

CLS (Cumulative Layout Shift) Le CLS est une métrique des Core Web Vitals qui mesure la stabilité visuelle d’une page web tout au long de son cycle de vie. Définition Le Cumulative Layout Shift (CLS) quantifie la fréquence à laquelle les utilisateurs subissent des changements de mise en page inattendus. Il calcule le score total […]

Core Web Vitals

Core Web Vitals (Signaux Web Essentiels) Les Core Web Vitals sont un ensemble de trois métriques spécifiques que Google considère comme essentielles pour quantifier l’expérience utilisateur globale sur une page web. Définition Les Core Web Vitals mesurent la performance perçue à travers trois piliers : le chargement (LCP), la stabilité visuelle (CLS) et la réactivité […]

CSS critique

CSS critique (Critical CSS) Le CSS critique est une technique d’optimisation des performances qui consiste à extraire et à intégrer directement dans le HTML le style nécessaire à l’affichage de la partie supérieure de la page. Définition Le CSS critique désigne le volume minimal de règles CSS requises pour afficher le contenu situé « au-dessus de […]

FCP (First Contentful Paint)

FCP (First Contentful Paint) Le FCP est une métrique de performance qui marque la première étape de la perception visuelle du chargement pour l’utilisateur. Définition Le First Contentful Paint (FCP) mesure le temps écoulé entre le début de la navigation et le moment où le navigateur affiche le premier élément de contenu du DOM (texte, […]

FID (First Input Delay)

FID (First Input Delay) Le FID est une métrique historique des Core Web Vitals qui mesure la réactivité d’une page lors du premier contact de l’utilisateur. Définition Le First Input Delay (FID) calcule le temps d’attente entre le moment où un utilisateur interagit pour la première fois avec une page (clic sur un bouton, un […]

Format WebP/AVIF

Format WebP / AVIF Formats d’images de nouvelle génération offrant une compression supérieure et une qualité visuelle préservée pour le web. Définition Les formats WebP (développé par Google) et AVIF (basé sur le codec vidéo AV1) sont des alternatives modernes aux traditionnels JPEG et PNG. Ils permettent de réduire le poids des fichiers de 30% […]

INP (Interaction to Next Paint)

INP (Interaction to Next Paint) L’INP est une métrique des Core Web Vitals qui mesure la réactivité globale d’une page face aux interactions des utilisateurs (clics, pressions, saisie clavier). Définition L’Interaction to Next Paint (INP) évalue le délai qui s’écoule entre une interaction de l’utilisateur et le moment où le navigateur est capable de rafraîchir […]

Lazy-loading des images

Lazy-loading des images Le Lazy-loading (chargement différé) est une technique d’optimisation qui retarde le chargement des images jusqu’à ce qu’elles soient sur le point d’apparaître dans la zone visible de l’écran (le viewport). Définition Le Lazy-loading des images permet d’économiser de la bande passante et d’accélérer le chargement initial de la page. Au lieu de […]

LCP (Largest Contentful Paint)

LCP (Largest Contentful Paint) Le LCP est une métrique de performance web essentielle qui mesure le temps nécessaire pour afficher le plus grand élément visible dans la fenêtre de navigation. Définition Le Largest Contentful Paint (LCP) fait partie des Core Web Vitals de Google. Il calcule le délai entre le début du chargement de la […]

client portfolio powertec | Devsource by Maxime GUINARD

Optimisation d’images

Optimisation d’images L’optimisation d’images consiste à réduire le poids des fichiers visuels sans perte de qualité visible pour accélérer le chargement des pages. Chargement… En cliquant, vous acceptez les cookies de YouTube. Définition L’optimisation d’images regroupe l’ensemble des techniques visant à améliorer les performances web (Core Web Vitals) en utilisant des formats modernes (WebP, AVIF), […]

client portfolio opadle olt | Devsource by Maxime GUINARD

PageSpeed Insights

PageSpeed Insights (PSI) Outil gratuit de Google permettant d’analyser la vitesse de chargement et l’expérience utilisateur sur mobile et ordinateur. Chargement… En cliquant, vous acceptez les cookies de YouTube. Définition PageSpeed Insights est un outil d’audit qui combine des données de laboratoire (via Lighthouse) et des données de terrain (issues du rapport CrUX). Il fournit […]

portfolio client tutor alex | Devsource by Maxime GUINARD

Ressources bloquantes du rendu

Ressources bloquantes du rendu Éléments CSS et JavaScript qui empêchent le navigateur d’afficher le contenu de la page avant d’avoir été entièrement téléchargés et traités. Chargement… En cliquant, vous acceptez les cookies de YouTube. Définition Les ressources bloquantes du rendu sont des fichiers (souvent des scripts ou des feuilles de style externes) qui interrompent le […]

portfolio client foot sur7 | Devsource by Maxime GUINARD

TTFB (Time To First Byte)

TTFB (Time To First Byte) Indicateur de performance réseau mesurant le temps de réponse du serveur avant la réception du premier octet par le navigateur. Chargement… En cliquant, vous acceptez les cookies de YouTube. Définition Le TTFB (Time To First Byte) correspond au délai écoulé entre le moment où un utilisateur effectue une requête HTTP […]

portfolio client street artagency | Devsource by Maxime GUINARD

TTI (Time to Interactive)

TTI (Time to Interactive) Indicateur de performance mesurant le temps nécessaire pour qu’une page devienne pleinement interactive. Chargement… En cliquant, vous acceptez les cookies de YouTube. Définition Le TTI (Time to Interactive) est une métrique de performance web qui calcule le délai entre le début du chargement et le moment où la page est capable […]