Aller au contenu principal
Développement, Stratégie

Core Web Vitals

Les Core Web Vitals sont un ensemble de trois métriques définies par Google pour mesurer l'expérience utilisateur réelle d'une page web : vitesse d'affichage (LCP), réactivité aux interactions (INP) et stabilité visuelle (CLS). Ils sont intégrés comme signal de classement SEO.

LCP

Le Largest Contentful Paint mesure le temps d'affichage du plus grand élément visible. Objectif : moins de 2,5 secondes. Il dépend du TTFB, des images et des polices.

INP

L'Interaction to Next Paint mesure la réactivité aux clics et saisies. Objectif : moins de 200 ms. Il dépend de la charge JavaScript et du thread principal du navigateur.

CLS

Le Cumulative Layout Shift mesure la stabilité visuelle. Objectif : score inférieur à 0,1. Il dépend des dimensions d'images, des polices et des contenus injectés dynamiquement.

Les Core Web Vitals ne sont pas qu'un signal SEO : ils mesurent ce que vos utilisateurs ressentent réellement. Un bon score, c'est une meilleure conversion, moins de rebond et une perception de marque renforcée.

Articles associés

Pour aller plus loin

Un graphique montre la corrélation entre temps de chargement et taux de conversion
Stratégie

Temps de chargement : combien ça coûte en conversion

10 min de lecture
Un rapport Core Web Vitals affiche des scores verts sur les trois métriques
Développement, Stratégie

Core Web Vitals : impact SEO et optimisation

12 min de lecture
Un tableau de bord Symfony Profiler affiche des métriques de performance optimisées
Développement, Architecture

Optimiser les performances d'une application Symfony

15 min de lecture
Un expert analyse les résultats d'un audit de sécurité sur un écran
Méthodologie, Développement

Audit de sécurité applicatif : quand et comment

10 min de lecture
Un développeur consulte une checklist RGPD sur son écran
Stratégie, Développement

RGPD et développement web : checklist technique

12 min de lecture
Un écran affiche un tableau de bord de sécurité applicative avec des indicateurs verts
Développement, Infrastructure

Comment sécuriser une application web en production

12 min de lecture
Un système logiciel ancien se transforme progressivement en architecture moderne
Stratégie, Architecture

Refonte totale ou migration progressive ?

14 min de lecture
Comparaison entre un datacenter cloud et un serveur dédié pour une PME
Infrastructure, Stratégie

Cloud vs on-premise : quel hébergement pour une PME

14 min de lecture
Un freelance et un consultant senior face à un projet web
Stratégie

Freelance vs consultant senior : quelle différence ?

12 min de lecture
Comparaison entre un site WordPress et une application web sur mesure
Stratégie, Développement

WordPress vs développement sur mesure

14 min de lecture
Illustration de deux frameworks PHP en comparaison
Développement, Architecture

Symfony vs Laravel : quel framework PHP choisir ?

15 min de lecture
Un dirigeant à la croisée des chemins entre une équipe interne et un consultant externe
Stratégie

Externaliser ou recruter un développeur : comparatif

12 min de lecture
Un décideur face à deux chemins : un MVP simple et un produit complet avec ses engrenages
Stratégie, Méthodologie

MVP ou produit complet : comment cadrer le périmètre

14 min de lecture
Un décideur compare deux chemins : une solution SaaS standardisée et un développement sur mesure
Stratégie

Application sur mesure vs SaaS : comment choisir ?

15 min de lecture
Un consultant senior travaille seul sur un projet technique face à une équipe d'agence web
Stratégie

Consultant senior vs agence web : comparaison concrète

14 min de lecture
Un plan d'architecture d'application web avec des indicateurs de coût
Stratégie

Combien coûte une application web sur mesure en 2026 ?

12 min de lecture
Un développeur analyse des métriques de qualité de code sur un tableau de bord
Stratégie, Développement

Réduire sa dette technique sans tout arrêter

12 min de lecture
Une directrice technique externalisée anime une réunion stratégique avec l'équipe dirigeante
Stratégie

CTO externalisé : quand et pourquoi y recourir

14 min de lecture
Un document structuré posé sur un bureau à côté d'un écran affichant un projet web
Stratégie, Méthodologie

Comment rédiger un cahier des charges web efficace

12 min de lecture
Une poignée de main entre un consultant web et un dirigeant d'entreprise à Troyes
Stratégie

Expert web à Troyes : la proximité change tout

10 min de lecture
Un diagramme de coûts et de planification d'un projet de refonte web
Stratégie, Développement

Refonte d'application web : coûts réels et cachés

12 min de lecture
Deux professionnels discutent d'un projet web autour d'un écran
Stratégie

Comment choisir son prestataire web — guide pratique

14 min de lecture
Logo France Num Activateur
Stratégie, Méthodologie

x10, Activateur officiel du réseau France Num

5 min de lecture
Une file d'attente de messages simplifiée par un filtre intelligent
Développement, Architecture

Traiter le dernier message avec Symfony Messenger

10 min de lecture
Un développeur travaille sur un projet web aidé par une IA
Intelligence artificielle, Développement

REX : refonte web avec Stitch, ChatGPT et Gemini

15 min de lecture
Un technicien procède à la maintenance d'un serveur informatique
Stratégie, Infrastructure

Hébergement web : AWS, Azure, OVH ou on-premise ?

15 min de lecture
Un écran d'ordinateur affiche du code PHP et son rendu dans le navigateur web
Développement

PHP n'est pas mort, mais mal choisi il coûte cher

15 min de lecture
Une équipe échange des évolutions d'un projet
Stratégie, Architecture

Pourquoi les projets web échouent avec le temps

10 min de lecture
Badge sponsor Emmanuel BALLERY au Forum PHP Paris 2025
Stratégie, Méthodologie

x10, sponsor Chocolat du Forum PHP Paris 2025

5 min de lecture

Même catégorie

Autres termes : Développement

A/B testing L'A/B testing compare deux variantes d'une fonctionnalité pour identifier celle qui performe le mieux. Méthode, outils et limites pour des décisions éclairées.
arrow_forward
API Une API (Application Programming Interface) est un contrat d'échange entre deux systèmes logiciels. Découvrez son rôle central dans les architectures web modernes.
arrow_forward
API Platform API Platform est le framework de référence pour créer des API REST et GraphQL en PHP/Symfony. Découvrez ses fonctionnalités et son rôle dans les architectures modernes.
arrow_forward
Accessibilité web L'accessibilité web (a11y) consiste à concevoir des sites et applications utilisables par tous, y compris les personnes en situation de handicap.
arrow_forward
Backend Le backend est la partie invisible d'une application web : serveur, base de données, logique métier et API. C'est le moteur qui fait tourner votre produit.
arrow_forward
Base de données Une base de données est un système organisé de stockage et de récupération d'informations. Relationnelle ou NoSQL, elle est au cœur de toute application web.
arrow_forward
Cache Le cache est un mécanisme de stockage temporaire qui améliore drastiquement les performances web. Niveaux de cache, invalidation et bonnes pratiques Symfony.
arrow_forward
Clean code Le clean code est une discipline de développement qui privilégie la lisibilité, la simplicité et la maintenabilité du code source.
arrow_forward
Code legacy Le code legacy désigne du code ancien, difficile à maintenir et à faire évoluer. Comment l'identifier, le gérer et le moderniser progressivement.
arrow_forward
Data pipeline Un data pipeline est une chaîne automatisée de traitements qui collecte, transforme et achemine les données d'une source vers une destination.
arrow_forward
Design patterns Les design patterns sont des modèles de conception réutilisables qui résolvent des problèmes architecturaux fréquents en développement logiciel.
arrow_forward
Design system Un design system est un ensemble de composants, règles et guidelines partagés qui garantissent la cohérence visuelle et fonctionnelle d'un produit.
arrow_forward
Dette technique La dette technique est le coût caché des compromis techniques accumulés dans un projet. Découvrez comment l'identifier, la mesurer et la maîtriser avant qu'elle ne bloque votre évolution.
arrow_forward
ETL L'ETL (Extract, Transform, Load) est un processus de migration et d'intégration de données entre systèmes. Le socle de toute stratégie data.
arrow_forward
Elasticsearch Elasticsearch est un moteur de recherche et d'analyse distribué. Découvrez ses fonctionnalités, ses cas d'usage et comment il améliore l'expérience de recherche dans vos applications.
arrow_forward
Feature flags Les feature flags permettent d'activer ou désactiver des fonctionnalités en production sans nouveau déploiement. Un levier puissant pour livrer plus vite et réduire les risques.
arrow_forward
Framework Un framework est un socle logiciel structurant qui fournit conventions, outils et bibliothèques pour développer plus vite et plus proprement.
arrow_forward
Frontend Le frontend est la partie d'une application web avec laquelle l'utilisateur interagit directement : HTML, CSS, JavaScript et frameworks comme React.
arrow_forward
Headless CMS Un headless CMS sépare la gestion du contenu de sa présentation. Il expose le contenu via une API, consommable par n'importe quel front-end.
arrow_forward
Injection SQL L'injection SQL est une attaque qui manipule les requêtes de base de données via des entrées utilisateur non filtrées. Une menace toujours d'actualité.
arrow_forward
Jamstack La Jamstack (JavaScript, APIs, Markup) est une architecture web qui pré-génère les pages et s'appuie sur des API pour le contenu dynamique.
arrow_forward
Laravel Laravel est un framework PHP populaire qui privilégie la productivité et l'expérience développeur. Découvrez ses forces, ses limites et sa comparaison avec Symfony.
arrow_forward
Lighthouse Lighthouse est l'outil open source de Google qui audite performance, accessibilité, SEO et bonnes pratiques d'une page web avec un score sur 100.
arrow_forward
Middleware Un middleware est un composant qui intercepte les requêtes HTTP pour ajouter des comportements transverses : authentification, logging, CORS, rate limiting.
arrow_forward
Monorepo Un monorepo regroupe plusieurs projets ou modules dans un même dépôt Git. Avantages, inconvénients et quand cette stratégie est pertinente.
arrow_forward
NoSQL NoSQL désigne les bases de données non relationnelles, conçues pour la flexibilité, la scalabilité horizontale et les structures de données variées.
arrow_forward
OAuth2 / Authentification OAuth2 est le standard d'autorisation qui sécurise l'accès aux API et aux applications web. Découvrez ses mécanismes, ses flux et comment les implémenter correctement.
arrow_forward
ORM L'ORM (Object-Relational Mapping) permet de manipuler la base de données comme des objets PHP. Doctrine, le standard Symfony, et ses pièges de performance.
arrow_forward
OWASP L'OWASP (Open Web Application Security Project) est une organisation qui publie les standards de référence en matière de sécurité applicative, dont le célèbre Top 10.
arrow_forward
Observabilité L'observabilité est la capacité à comprendre l'état d'un système à partir de ses sorties. Logs, métriques et traces : les trois piliers pour piloter vos applications.
arrow_forward
PHP Découvrez PHP, le langage de programmation serveur le plus utilisé au monde. Ses forces, ses évolutions récentes et pourquoi il reste un choix stratégique pour vos projets web.
arrow_forward
PWA Une PWA est une application web qui offre une expérience proche d'une application native. Découvrez ses fonctionnalités, ses avantages et quand la préférer à une app mobile classique.
arrow_forward
Pentesting Le pentesting (test d'intrusion) consiste à simuler des attaques sur une application pour identifier ses vulnérabilités avant qu'un attaquant ne les exploite.
arrow_forward
PostgreSQL PostgreSQL est le système de gestion de base de données relationnelle open source le plus avancé. Découvrez ses forces, ses fonctionnalités et pourquoi le choisir pour vos projets.
arrow_forward
REST API Une REST API est une interface de programmation qui permet à des applications de communiquer via HTTP. Découvrez ses principes, ses bonnes pratiques et son rôle dans les architectures modernes.
arrow_forward
React React est la bibliothèque JavaScript la plus populaire pour construire des interfaces utilisateur dynamiques. Découvrez ses principes, ses avantages et ses cas d'usage.
arrow_forward
Redis Redis est un système de stockage en mémoire utilisé pour le cache, les files de messages et les sessions. Découvrez comment il accélère vos applications web.
arrow_forward
Refactoring Le refactoring consiste à restructurer du code existant pour le rendre plus lisible, maintenable et évolutif, sans modifier son comportement fonctionnel.
arrow_forward
Refonte d'application La refonte d'application consiste à reconstruire un logiciel existant. Découvrez les signaux qui l'imposent, les stratégies possibles et les pièges à éviter.
arrow_forward
SOLID SOLID est un acronyme regroupant cinq principes de conception orientée objet qui guident l'écriture de code flexible, maintenable et extensible.
arrow_forward
SQL SQL (Structured Query Language) est le langage standard pour interroger et manipuler les bases de données relationnelles. Un fondamental du développement web.
arrow_forward
SSR / CSR Le SSR (Server-Side Rendering) et le CSR (Client-Side Rendering) sont deux approches de rendu des pages web. Découvrez leurs différences, avantages et cas d'usage respectifs.
arrow_forward
Stack technique La stack technique est l'ensemble des technologies qui composent votre application. Découvrez comment la choisir pour garantir performance, maintenabilité et pérennité.
arrow_forward
Symfony Symfony est le framework PHP de référence pour les applications web d'entreprise. Découvrez ses avantages, son architecture et pourquoi les équipes techniques le choisissent.
arrow_forward
TailwindCSS TailwindCSS est un framework CSS basé sur des classes utilitaires. Découvrez son approche, ses avantages et pourquoi il accélère le développement d'interfaces web modernes.
arrow_forward
Tests automatisés Les tests automatisés vérifient le bon fonctionnement de votre application à chaque modification de code. Découvrez les différents types de tests et leur rôle dans un projet web.
arrow_forward
UX/UI L'UX (expérience utilisateur) et l'UI (interface utilisateur) sont deux disciplines complémentaires qui déterminent la qualité perçue d'une application.
arrow_forward
Vite Vite est un outil de build et de développement front-end qui révolutionne la vitesse de compilation. Découvrez son fonctionnement, ses avantages et son intégration avec Symfony.
arrow_forward
Vulnérabilité Une vulnérabilité est une faiblesse exploitable dans un logiciel ou une infrastructure. Découvrez les types de failles, les bases CVE/CVSS et les bonnes pratiques de prévention.
arrow_forward
Web scraping Le web scraping est une technique d'extraction automatisée de données depuis des pages web. Cas d'usage, cadre légal et bonnes pratiques.
arrow_forward
WebSocket Le protocole WebSocket permet une communication bidirectionnelle en temps réel entre le navigateur et le serveur. Découvrez ses cas d'usage et son fonctionnement.
arrow_forward
Webhook Un webhook est un mécanisme de callback HTTP qui permet à une application de notifier une autre en temps réel lorsqu'un événement se produit. Fonctionnement et cas d'usage.
arrow_forward
XSS Le XSS (Cross-Site Scripting) est une vulnérabilité qui permet d'injecter du code malveillant dans une page web vue par d'autres utilisateurs.
arrow_forward

Même catégorie

Autres termes : Stratégie

A/B testing L'A/B testing compare deux variantes d'une fonctionnalité pour identifier celle qui performe le mieux. Méthode, outils et limites pour des décisions éclairées.
arrow_forward
Accessibilité web L'accessibilité web (a11y) consiste à concevoir des sites et applications utilisables par tous, y compris les personnes en situation de handicap.
arrow_forward
Agile L'agilité est une philosophie de développement fondée sur l'itération, la collaboration et l'adaptation continue aux retours utilisateurs.
arrow_forward
Audit technique L'audit technique analyse la qualité, la sécurité et la performance de votre application web. Découvrez ce qu'il couvre, comment il se déroule et ce qu'il vous apporte.
arrow_forward
B2B Le B2B (Business to Business) désigne la vente entre entreprises. En développement web, ce modèle impose des parcours complexes, des exigences élevées et un cadrage rigoureux.
arrow_forward
B2C Le B2C (Business to Consumer) désigne la vente aux particuliers. En développement web, ce modèle impose UX irréprochable, volumétrie élevée et itérations rapides.
arrow_forward
CTO Le CTO (Chief Technology Officer) est le directeur technique d'une entreprise. Découvrez son rôle concret, ses responsabilités et les différents modèles d'intervention possibles.
arrow_forward
Cadrage fonctionnel Le cadrage fonctionnel définit le périmètre, les priorités et les critères de succès d'un projet web avant le développement. L'investissement le plus rentable d'un projet.
arrow_forward
Cahier des charges Le cahier des charges est le document de référence qui cadre un projet web. Découvrez comment le rédiger pour aligner les attentes et sécuriser le développement.
arrow_forward
Code legacy Le code legacy désigne du code ancien, difficile à maintenir et à faire évoluer. Comment l'identifier, le gérer et le moderniser progressivement.
arrow_forward
Dette technique La dette technique est le coût caché des compromis techniques accumulés dans un projet. Découvrez comment l'identifier, la mesurer et la maîtriser avant qu'elle ne bloque votre évolution.
arrow_forward
Feedback utilisateur Le feedback utilisateur regroupe tous les retours — qualitatifs et quantitatifs — des utilisateurs d'un produit. C'est le critère de décision clé pour itérer, pivoter ou abandonner.
arrow_forward
Gouvernance technique La gouvernance technique est l'ensemble des pratiques qui encadrent les décisions technologiques d'une organisation. Découvrez pourquoi elle est essentielle pour la pérennité de vos projets.
arrow_forward
HDS La certification HDS est une obligation légale française pour tout hébergeur de données de santé. Exigences, périmètre et impact sur l'architecture d'un projet web.
arrow_forward
Hébergement web L'hébergement web détermine où et comment votre application est exécutée. Découvrez les options (cloud, VPS, on-premise) et comment choisir selon vos contraintes.
arrow_forward
Knowledge silo Un knowledge silo se forme lorsqu'une seule personne détient la compréhension critique d'une partie du système. Risques et pratiques pour les éliminer.
arrow_forward
MVP Le MVP (Minimum Viable Product) est un produit fonctionnel au périmètre restreint, conçu pour valider une hypothèse de marché avant d'investir dans un produit complet.
arrow_forward
MoSCoW La méthode MoSCoW classe les exigences en Must, Should, Could et Won't pour structurer le périmètre d'un projet web et faciliter les arbitrages.
arrow_forward
Onboarding L'onboarding est la période d'intégration d'un développeur dans un projet. Durée, coûts cachés et leviers pour accélérer la montée en compétence.
arrow_forward
PCI-DSS PCI-DSS est le standard international de sécurité imposé à toute organisation traitant des données de cartes bancaires. Exigences et impact sur l'architecture web.
arrow_forward
Refonte d'application La refonte d'application consiste à reconstruire un logiciel existant. Découvrez les signaux qui l'imposent, les stratégies possibles et les pièges à éviter.
arrow_forward
Replatforming Le replatforming consiste à migrer une application vers une nouvelle plateforme technique en conservant les fonctionnalités existantes. Quand et comment l'envisager.
arrow_forward
Roadmap produit La roadmap produit est le plan stratégique qui organise les évolutions d'une application dans le temps. Découvrez comment la construire et l'utiliser pour piloter efficacement votre projet.
arrow_forward
Régie informatique La régie informatique est un mode de prestation où le client achète du temps de développeur à la journée. Différences avec le forfait et le conseil.
arrow_forward
SLA Un SLA (Service Level Agreement) définit les engagements contractuels de disponibilité, réactivité et qualité entre un prestataire et son client.
arrow_forward
SaaS Le SaaS est un modèle de distribution logicielle où l'application est hébergée dans le cloud et accessible via un navigateur. Découvrez ses caractéristiques, avantages et enjeux techniques.
arrow_forward
Stack technique La stack technique est l'ensemble des technologies qui composent votre application. Découvrez comment la choisir pour garantir performance, maintenabilité et pérennité.
arrow_forward
TCO Le TCO (coût total de possession) mesure l'investissement réel d'un projet web sur toute sa durée de vie : développement, maintenance, évolutions et dette technique.
arrow_forward
TJM Le TJM (taux journalier moyen) est le prix facturé par jour par un prestataire technique. Décryptage des fourchettes, des facteurs d'influence et des pièges à éviter.
arrow_forward
Time-to-market Le time-to-market est le délai entre la conception d'un produit et sa disponibilité réelle. Pourquoi c'est un indicateur stratégique et comment le maîtriser.
arrow_forward
Transfert de compétences Le transfert de compétences est le processus par lequel un prestataire transmet au client les connaissances nécessaires pour maintenir et faire évoluer le projet.
arrow_forward
Turn-over Le turn-over technique désigne la rotation des développeurs sur un projet. Son impact sur la qualité, la continuité et le coût des projets web est souvent sous-estimé.
arrow_forward
UX/UI L'UX (expérience utilisateur) et l'UI (interface utilisateur) sont deux disciplines complémentaires qui déterminent la qualité perçue d'une application.
arrow_forward
Vendor lock-in Le vendor lock-in est la dépendance d'une entreprise envers un fournisseur technologique. Découvrez ses mécanismes, ses risques concrets et les stratégies pour s'en prémunir.
arrow_forward
Voir tout le glossaire arrow_forward

Un projet en lien avec core web vitals ?

Échangeons sur vos enjeux techniques. Pas de discours commercial, pas de jargon inutile : un diagnostic clair et des solutions concrètes.