Pour vous guider dans le monde de la webperf, nous partageons ici nos propres définitions du jargon technique en français. Elles diffèrent de ce que l’on trouve dans la plupart des lexiques et glossaires en ligne pour une bonne raison : nous avons cherché à les rendre les plus compréhensibles possible par les néophytes. Bonne lecture !
A
A/B Testing
Outil permettant de comparer l’efficacité de plusieurs versions d’une même page web sur des utilisateurs réels, sur les taux de conversion notamment. Sa complexité technique a fait émerger des acteurs spécialisés dont les solutions sont payantes : AB Tasty, Kameleoon… Côté webperf, ces solutions sont à surveiller : leurs scripts, souvent bloquants pour éviter tout effet de « flicker » (affichage fugace de la version originale), peuvent retarder sensiblement le rendu des pages.
Accessibilité
Désigne la capacité d’un site web à être utilisable de façon optimale par tous les utilisateurs quel que soit leur navigateur, leur localisation ou encore leurs capacités physiques et psychologiques. Les règles WCAG, qui font référence, mettent le focus sur les personnes handicapées et les seniors, qui éprouvent souvent des difficultés à naviguer sur Internet.
Ajax
Acronyme de « Asynchronous JavaScript and XML », il s’agit d’une technologie permettant à un navigateur web d’échanger avec un serveur sans avoir à recharger la page courante. Elle est à la base d’outils comme l’Infinite Scroll, mais aussi des SPA qui fonctionnent comme une application.
API
Acronyme de « Application Programming Interface », désigne la possibilité pour une application de donner accès à tout ou partie de ses fonctionnalités à une application tierce. L’objectif est d’en faciliter l’usage et l’intégration au sein d’un workflow existant. Vous regardez par exemple des séries sur votre smart TV grâce à l’API de Netflix.
APM
Acronyme de « Application Performance Management », désigne un outil installé sur un serveur web afin d’en monitorer la performance. Il se connecte pour cela aux composants clés du système d’exploitation (processeur, mémoire vive, noyau système…) et aux applications spécifiques (bases de données SQL, serveur web, exécutable PHP, système de cache…).
ARIA
Acronyme de « Accessible Rich Internet Applications », désigne un balisage destiné à ajouter un niveau sémantique supplémentaire aux pages web. En complétant les balises html avec des attributs spécifiques, ARIA informe les navigateurs et surtout les technologies d’assistance (lecteurs d’écran notamment) sur le rôle et le comportement attendu de chaque élément d’interface.
Asynchrone
Par opposition à synchrone, un chargement asynchrone s’exécute en arrière-plan, permettant au reste de la page de poursuivre son chargement sans être interrompu.
B
Back-end
Partie d’un site accessible uniquement aux propriétaires et gestionnaires du site, par opposition au front-end qui est accessible par l’ensemble des internautes. Cela concerne l’administration et l’ensemble des scripts et outils exécutés par le serveur web.
Base64
Système d’encodage permettant de représenter des données, souvent binaires, sous la forme d’un texte composé de 64 caractères ASCII. Les contenus ainsi encodés sont en moyenne 33% plus lourds. Dans le web, on l’utilise principalement pour intégrer des ressources en inline (images, fontes…).
bfcache
Contraction de « back/forward cache ». Mécanisme des navigateurs qui conserve en mémoire une copie complète des pages visitées : lorsqu’un visiteur utilise les boutons précédent/suivant, la page se réaffiche instantanément, sans le moindre rechargement. Certaines pratiques techniques (en-têtes http, scripts…) peuvent priver un site de ce précieux mécanisme.
Blocking Time
Période durant laquelle une page web n’est plus interactive en raison d’une trop forte sollicitation des ressources de l’appareil par JavaScript. Cela se traduit par des freezes et/ou une latence excessive.
Brotli
Algorithme de compression moderne utilisé par les serveurs web pour réduire le poids des ressources encodées en texte (html, CSS, JavaScript…), et donc leur temps de téléchargement par les navigateurs. Plus récent que Gzip, il offre un meilleur ratio de compression. Sa compression étant relativement lente, il est particulièrement adapté aux ressources statiques (CSS, JavaScript, fontes…), que l’on peut compresser une fois pour toutes, moins aux contenus dynamiques.
C
Cache
Principe consistant à conserver une copie prête à l’emploi d’un contenu coûteux à produire, afin de le servir plus rapidement les fois suivantes. On en trouve à tous les étages du web : cache du navigateur (qui évite de retélécharger les ressources), cache de pages html côté serveur (qui évite de régénérer chaque page à chaque visite), cache objet comme Redis (qui soulage la base de données) ou encore cache des CDN. C’est l’un des leviers les plus puissants de la web performance, TTFB en tête.
CDN
Acronyme de « Content Delivery Network », cet outil s’interface entre l’hébergement et le navigateur des visiteurs afin d’améliorer les temps de chargement d’un site. Il repose notamment sur la copie des ressources statiques du serveur d’origine dans chaque centre de données du prestataire à travers le monde. Cloudflare est le plus populaire. Plus d’infos.
Chemin de rendu critique
Traduction de « Critical Rendering Path » : ensemble des étapes et ressources indispensables au navigateur pour afficher le premier écran d’une page (html, CSS et JavaScript bloquants notamment). Plus ce chemin est court et léger, plus la page apparaît rapidement (FCP, LCP). L’optimiser consiste à réduire, alléger ou différer tout ce qui n’est pas essentiel à ce premier affichage.
CLS
Acronyme de « Cumulative Layout Shift », cet indicateur de performance mesure la capacité d’une page à proposer une interface dont les éléments restent stables visuellement dans le temps. Il fait partie des 3 Core Web Vitals. Un bon CLS est sous 0,1, un mauvais au-delà de 0,25.
CMP
Acronyme de « Consent Management Platform », qui se traduit en français par « plateforme de gestion du consentement ». Il s’agit de l’outil qui permet de récolter le consentement des visiteurs lors de leur première visite concernant le tracking et le dépôt de cookies. C’est un outil incontournable pour être en conformité avec le RGPD sur tout site qui traite des données personnelles. N’hésitez pas à consulter notre comparatif de performance des CMP.
CMS
Acronyme de « Content Management System », il s’agit d’un outil permettant de faire vivre un site web et ses contenus à travers une interface de gestion en ligne. Le plus connu est WordPress mais il en existe des centaines, parfois spécialisés dans certains types de contenus, comme PrestaShop et Magento pour l’e-commerce.
Concaténation
Technique d’optimisation des temps de chargement visant à regrouper plusieurs fichiers CSS ou JavaScript en un seul. Courante pour réduire le nombre de requêtes http d’une page, cette technique a toutefois perdu de son intérêt depuis HTTP/2, qui multiplexe les requêtes : elle peut même nuire à la granularité de la mise en cache. Synonyme : combinaison.
Core Web Vitals
Les Core Web Vitals, ou Signaux Web Essentiels en français, regroupent 3 métriques destinées à mesurer la performance d’une page en termes de vitesse et de réactivité : LCP, INP et CLS, l’INP ayant remplacé le FID en mars 2024. Ils font partie des Web Vitals, qui intègrent d’autres mesures comme le FCP ou le TTFB. Il s’agit des indicateurs de performance pris en compte par Google dans son algorithme et ses outils : PageSpeed Insights, Lighthouse, etc.
Crawl budget
Désigne le volume de ressources que Google alloue à l’exploration d’un site : nombre de pages crawlées et fréquence de passage de ses robots d’indexation. Plus un site répond rapidement (TTFB notamment), plus ce budget est utilisé efficacement : davantage de pages sont explorées, et donc indexées. En français, on parle de « budget d’exploration ».
CrUX
Acronyme de « Chrome User Experience Report », cet outil développé par Google permet de connaître le niveau de performance réel d’une page ou d’un site. Pour ce faire, il récolte des indicateurs de performance, dont les Core Web Vitals, durant la navigation des visiteurs sur les navigateurs qui le supportent. Les données terrain ainsi récoltées sont accessibles via la Search Console et dans la section « Découvrez l’expérience de vos utilisateurs » des rapports PageSpeed Insights.
CSP
Acronyme de « Content Security Policy », qui se traduit en français par « politique de sécurité des contenus ». Il s’agit d’un en-tête http qui vise à indiquer au navigateur les origines autorisées pour les différents types de ressources : CSS, JavaScript, images, iframes, etc. Mettre en place une CSP améliore la sécurité d’un site mais permet aussi de réaliser un état des lieux qui s’avère très utile en matière de web performance.
CSR
Acronyme de « Client Side Rendering », qui se traduit en français par « rendu côté client ». Dans l’écosystème des SPA, cela signifie que c’est le framework JavaScript qui est chargé d’effectuer le rendu des composants d’une web-application dans le navigateur. Cette pratique a un impact majeur sur la performance, aussi bien en termes de vitesse que de réactivité. La technique alternative est le SSR.
CSS
Acronyme de « Cascading Style Sheets », qui se traduit en français par « feuilles de style en cascade ». Il s’agit du langage utilisé par les navigateurs web pour mettre en forme les pages en html et xml : affichage des textes, position et couleur des éléments, animations… Il est encadré par le W3C.
D
DNS
Acronyme de « Domain Name System », ce protocole est utilisé par les navigateurs pour diriger les visiteurs d’une page vers le serveur approprié. Il associe chaque nom de domaine à une adresse IP grâce aux données renseignées par leur propriétaire (champs DNS). Une infrastructure de cache mondiale garantit sa réactivité, mais génère en contrepartie des délais de propagation en cas de changement de serveur.
DOM
Le DOM (Document Object Model) est la représentation par le navigateur de la structure d’une page, chaque balise html devenant un « nœud ». Il évolue de façon dynamique en fonction des ajouts, suppressions et modifications de nœuds effectuées en JavaScript.
E
Embed
Se traduit en français par « contenu embarqué », et se matérialise au sein d’une page web par l’inclusion d’un contenu provenant d’un site tiers. Les réseaux sociaux comme Instagram, X (ex-Twitter) ou YouTube proposent tous ce type d’intégrations.
F
Fallback
Un fallback peut se traduire en français par « solution de repli » ou encore « à défaut de ». Dans le web, cela consiste à proposer une alternative dans le cas où une fonctionnalité ou un format de ressource ne serait pas supporté par le navigateur.
FCP
Acronyme de « First Contentful Paint », cet indicateur de performance mesure le temps nécessaire au premier élément visible de la page pour s’afficher (image, texte…). Il est très fortement impacté par les éventuelles ressources qui bloquent le rendu des pages (scripts et feuilles de styles).
Fetchpriority
Attribut html permettant de sur-prioriser (valeur « high ») ou dé-prioriser (valeur « low ») le chargement de ressources dans la waterfall. Il s’agit du moyen le plus efficace pour modifier le comportement par défaut du navigateur, à privilégier par rapport aux préchargements. Appliqué sur une image qui constitue le LCP, il améliore la métrique de 15% en moyenne.
FID
Acronyme de « First Input Delay », cet indicateur de performance mesurait le délai entre la première interaction d’un utilisateur (clic, saisie…) et le début de son traitement par le navigateur. Il faisait partie des Core Web Vitals jusqu’à l’introduction de l’INP en mars 2024. Un bon FID était sous les 100 ms, un mauvais au-delà de 300 ms.
Fil d’Ariane
Représentation visuelle de la position de la page courante dans un site. Chaque élément de l’arborescence est cliquable afin de permettre un retour rapide vers la page d’accueil et les pages parentes (catégorie(s) pour un article par exemple). En anglais, on parle de « breadcrumb ».
Front-end
Partie d’un site accessible par l’ensemble des internautes, par opposition au back-end qui n’est accessible qu’aux propriétaires et gestionnaires du site.
FTP
Acronyme de « File Transfer Protocol », ce protocole permet de transférer des données sur l’espace de stockage d’un serveur web : images, fichiers php… Il n’est accessible qu’au propriétaire du site grâce à des identifiants de connexion. Il est aujourd’hui largement remplacé par sa variante sécurisée SFTP, qui chiffre les échanges via SSH.
Full stack
Se dit d’un développeur qui maîtrise les environnements techniques côté serveur (langage php, syntaxe SQL, administration système…) et côté navigateur (html, CSS, JavaScript…). Ces profils sont rares et recherchés par de nombreuses sociétés pour leur grande polyvalence et leur capacité à intervenir à la fois sur le front-end et le back-end.
G
Gzip
Algorithme de compression utilisé historiquement par les serveurs web pour réduire le poids des ressources encodées en texte (html, CSS, JavaScript…), et donc leur temps de téléchargement par les navigateurs.
H
.htaccess
Fichier système consulté par les serveurs web Apache et LiteSpeed avant de servir une page ou ressource. Il est couramment utilisé pour mettre en place une réécriture d’url, pour gérer des redirections 301, pour ajouter des en-têtes de sécurité ou encore pour optimiser la mise en cache des ressources par le navigateur.
HTML
Acronyme de « Hypertext Markup Language », il s’agit du langage à la base de toute page web. Il est constitué de multiples balises, chacune ayant son propre rôle à jouer : paragraphes, images, tableaux, sections… Des attributs permettent aux développeurs de modifier leur comportement en fonction des besoins.
HTTP
Acronyme de « Hypertext Transfer Protocol », il s’agit du langage d’échange entre les navigateurs et les serveurs web : le premier demande une ressource, le second la lui livre. Sa version 2 (2015) a introduit le multiplexage des requêtes, c’est-à-dire la capacité d’en traiter plusieurs simultanément sur une même connexion. La version 3, basée sur le protocole QUIC, accélère encore l’établissement des connexions, notamment sur les réseaux mobiles.
Hydratation
Étape du chargement d’une SPA durant laquelle JavaScript rend interactifs les composants déjà affichés dans la page, généralement après un rendu côté serveur (SSR). Coûteuse en ressources CPU, elle constitue l’un des principaux goulets d’étranglement de la performance des web applications, INP notamment.
I
Icon Font
Ensemble d’icônes regroupées au sein d’une Webfont sous la forme de caractères. Le format est très répandu car il offre un rendu vectoriel et est facile à utiliser, mais il nécessite en contrepartie un important volume de CSS et de Webfonts. La plus populaire est Font Awesome.
Iframe
Élément html permettant d’afficher une page web au sein d’une autre page web dans un espace aux dimensions définies. C’est la solution privilégiée pour afficher la plupart des bandeaux publicitaires et des Embeds de réseaux sociaux.
Infinite Scrolling
Élément d’UI alternatif à la traditionnelle pagination multi-pages. Avec le « scroll infini », les contenus suivants de la liste sont chargés dynamiquement dans la page courante lorsqu’elle défile. On utilise pour cela la technologie Ajax.
Inline
Du code dit « inline » est inséré directement au sein de la page d’origine, par opposition à un appel dans un fichier externe. Dans html, les balises inline les plus courantes sont <style></style> pour le CSS, <script></script> pour le JavaScript ou encore <svg></svg> pour les images. Il est également possible d’utiliser un encodage base64 pour intégrer n’importe quelle ressource en inline.
INP
Acronyme de « Interaction to Next Paint », cet indicateur de performance mesure la réactivité d’une page suite à une action utilisateur de type sélection au clic, au doigt ou saisie au clavier. Il a intégré les Core Web Vitals en mars 2024 afin d’apporter un éclairage plus exhaustif sur les latences, notamment liées à JavaScript. Un bon INP doit être inférieur à 200 ms, et on le considère mauvais au-delà de 500 ms.
J
JavaScript
Langage de programmation utilisé par les éditeurs de sites web pour rendre leurs pages plus dynamiques, ajouter une surcouche d’interactivité, afficher des publicités ou encore assurer le suivi de leur fréquentation. L’interprétation du code est coûteuse pour les navigateurs : elle génère souvent du « Blocking Time » et dégrade l’INP.
JSON
Acronyme de « JavaScript Object Notation », désigne une syntaxe permettant d’échanger des données entre plusieurs outils. Sa grande simplicité en facilite la génération et la lecture par les langages informatiques, dont PHP et JavaScript. Sur Internet, il est très largement utilisé par les API et outils destinés aux éditeurs de sites web.
Votre site est-il aussi rapide que vos visiteurs l’espèrent ?
L
Lazy-loading
Le lazy-loading désigne le fait de ne déclencher le chargement de certaines ressources d’une page (images, vidéos, contenus embarqués…) que lorsque les visiteurs sont susceptibles de les voir. On le met en place via des outils JavaScript ou grâce à l’attribut html natif « loading=lazy ».
Lazy-rendering
Technique permettant d’exclure du rendu initial d’une page une partie du DOM grâce à la propriété CSS « content-visibility ». Les temps de rendu sont ainsi réduits, assurant un gain en matière de vitesse (FCP, LCP…) et potentiellement d’interactivité (réduction du Blocking Time). Seule contrainte : être en mesure d’anticiper la hauteur des éléments ainsi exclus.
LCP
Acronyme de « Largest Contentful Paint », cet indicateur de performance mesure le temps nécessaire au principal élément visible de la page pour s’afficher. Il fait partie des 3 Core Web Vitals. Un bon LCP est sous les 2,5 secondes, un mauvais au-delà de 4 secondes.
Lighthouse
Outil d’audit web développé par les équipes de Google et qui propose un focus sur 4 volets : Performance, Bonnes pratiques, Accessibilité et SEO. On peut y tester n’importe quelle page afin d’en connaître le score (de 0 à 100), en desktop comme en mobile, ce dernier mode simulant des conditions d’accès dégradées côté réseau et puissance de calcul : les scores y sont généralement moins bons.
Ligne de flottaison
Limite basse de la zone d’une page visible à l’écran sans avoir à la faire défiler (« above the fold » en anglais, un héritage de la presse papier). Tout ce qui s’affiche au-dessus doit être chargé en priorité — c’est généralement là que se trouve l’élément LCP — tandis que ce qui se trouve en dessous peut être différé, via le lazy-loading notamment.
Long Tasks
Traduites en français par « tâches longues », elles désignent les exécutions JavaScript qui monopolisent le processeur plus de 50 millisecondes d’affilée. Pendant ce temps, le navigateur ne peut répondre à aucune interaction : la page semble figée. Les identifier et les fractionner est un levier majeur d’amélioration de l’INP.
M
Media Queries
Les Media Queries sont un outil CSS permettant de cibler certains appareils et navigateurs en fonction de leurs caractéristiques. On les utilise notamment pour créer des sites « Responsive Web Design » en se basant sur les tailles d’écrans, mais aussi pour détecter le type de pointeur (souris, écran tactile…) ou encore pour afficher une interface spécifique lorsque le mode sombre est activé.
Microdonnées
Désigne un balisage destiné à présenter de façon structurée les données d’une page. Il peut être intégré directement aux balises html (format microdata) ou via un script au format JSON-LD, recommandé par Google. Google se repose en grande partie sur les microdonnées pour générer les « Rich Snippets » affichés dans ses pages de résultats (notation avec étoiles, recettes de cuisine, guides pas-à-pas…). Synonymes : données structurées, microdata.
Minification
Technique d’optimisation visant à réduire le poids des fichiers CSS, JavaScript et html en supprimant tout caractère non essentiel : espaces, sauts de lignes, commentaires, éléments de syntaxe optionnels…
Mojibake
Affichage de caractères illisibles (suite de symboles incohérents comme « é » à la place de « é ») qui survient quand un texte est décodé avec un encodage de caractères différent de celui utilisé pour l’enregistrer, typiquement un contenu en UTF‑8 interprété comme de l’ISO‑8859‑1. Le terme vient du japonais et signifie littéralement « transformation de caractères ».
O
Obfuscation de lien
Technique d’optimisation SEO visant à masquer un lien hypertexte aux robots d’indexation tout en assurant un fonctionnement transparent dans les navigateurs. Cela se fait généralement à l’aide de JavaScript et d’un encodage en base64.
OCSP Stapling
Traduit par « Agrafage OCSP » en français, il s’agit d’un protocole qui ajoute des données complémentaires lors d’un échange en https entre un serveur et un navigateur. Ces données permettent au navigateur de vérifier la validité du certificat SSL sans avoir à interroger lui-même l’autorité qui l’a émis. Ce contrôle pouvant retarder l’établissement de la connexion, l’éviter améliore le TTFB. À noter : le protocole OCSP est progressivement abandonné au profit des listes de révocation (CRLs), Let’s Encrypt ayant cessé de le supporter en 2025.
P
Page builder
Extension de CMS permettant de construire visuellement des pages en glisser-déposer, sans écrire de code : Elementor, Divi ou encore WPBakery côté WordPress. Très appréciés pour leur simplicité, les page builders génèrent en contrepartie un code souvent lourd (DOM volumineux, CSS et JavaScript superflus) qui pénalise la web performance s’il n’est pas optimisé.
PageSpeed Insights
Outil de mesure de la performance développé par les équipes de Google et centré sur les Core Web Vitals. On peut y lancer des tests synthétiques et accéder aux données terrain (CrUX) de n’importe quelle page, sur Desktop et mobile.
PHP
Acronyme de « Hypertext Preprocessor », désigne un langage de programmation utilisé pour faire fonctionner une majorité de sites web. Gratuit et Open-Source, on le retrouve au cœur de la plupart des CMS actuels : WordPress, PrestaShop, Magento, Drupal… Il évolue régulièrement afin de gagner en performance.
Polyfill
Outil JavaScript permettant d’émuler des fonctionnalités navigateur récentes sur d’anciens navigateurs qui ne les supportent pas nativement. Cette famille d’outils a un impact négatif non négligeable sur la performance des pages.
Proxy
Outil qui s’interface entre un navigateur web et un serveur web pour y apporter de nouvelles fonctionnalités. La plupart des proxys améliorent le niveau de performance et/ou la sécurité. Les CDN comme Cloudflare sont techniquement des proxys.
PWA
Acronyme de « Progressive Web App », désigne un site web qui s’appuie sur un service worker pour offrir des fonctionnalités proches d’une application native : installation sur l’écran d’accueil, fonctionnement hors-ligne, notifications push… L’interface et l’expérience se rapprochent ainsi de ce que proposent nativement les appareils mobiles.
R
Redirection 301
Réponse d’un serveur web indiquant au navigateur, et aux moteurs de recherche, qu’une page a définitivement changé d’adresse. Incontournable lors d’une refonte pour préserver le SEO, elle a toutefois un coût : chaque redirection ajoute un aller-retour réseau. Les chaînes de redirections (A vers B, puis B vers C) sont particulièrement pénalisantes pour le TTFB.
Resource Hints
Famille d’attributs html permettant d’indiquer au navigateur les ressources ou origines à préparer en avance de phase : « preconnect » pour établir une connexion, « preload » pour charger une ressource critique, « prefetch » pour anticiper la navigation suivante… Utilisés à bon escient, ils améliorent les métriques de vitesse comme le LCP ; utilisés à outrance, ils produisent l’effet inverse.
Ressource
Une ressource est un fichier appelé par le navigateur (via ce que l’on appelle une requête http) afin d’afficher une page web. Tout fichier JavaScript, CSS, fonte ou image est ainsi une ressource du point de vue d’une page web.
Ressource tierce
Ressource appelée par une page depuis un nom de domaine différent. Il s’agit bien souvent de JavaScript et de fontes, mais aussi parfois de CSS ou d’images.
Robots.txt
Ce fichier texte, qui se place à la racine d’un site, vise à en faciliter le crawl par les moteurs de recherche. Il guide pour cela les robots d’indexation en autorisant et en bloquant certaines sections, mais aussi en fournissant des liens vers les sitemaps xml.
RUM
Acronyme de « Real User Monitoring », qui correspond en français à ce que l’on appelle les « données terrain ». Cela consiste à collecter les métriques de performance auprès des utilisateurs réels pour générer des rapports au sein de tableaux de bord. La source de données RUM la plus connue est le CrUX, basé sur les données des utilisateurs du navigateur Google Chrome. Mais il existe des dizaines d’outils payants qui collectent les données via des tags JavaScript, dont les APM historiques.
S
Search Console
Outil gratuit de Google permettant aux propriétaires de sites de suivre leur présence dans le moteur de recherche : pages indexées, requêtes générant des clics, erreurs rencontrées… Son rapport « Signaux Web essentiels », alimenté par les données du CrUX, indique si les pages passent les seuils fixés pour les Core Web Vitals.
SEO
Acronyme de « Search Engine Optimization », le terme désigne la discipline visant à améliorer la visibilité d’un site dans les moteurs de recherche. Historiquement très centré sur les positions dans les pages de résultats de recherche, le SEO s’est complexifié au fil des évolutions de l’algorithme de Google. Synonyme : référencement naturel.
SERP
Acronyme de « Search Engine Results Page », désigne la page de résultats affichée par un moteur de recherche suite à une requête. Y figurer en bonne position est l’objectif du SEO. La web performance y contribue : à pertinence et qualité égales, Google favorise les sites offrant la meilleure expérience de navigation.
Serveur web
Ordinateur sur lequel sont hébergées les données d’un site web, et accessible à tous via une connexion Internet. Des logiciels spécifiques assurent son fonctionnement : Apache, Nginx ou LiteSpeed pour servir les fichiers, MySQL pour gérer les bases de données, PHP pour exécuter les scripts… Son propriétaire peut, lui, s’y connecter en FTP ou SSH pour en assurer la gestion. Cf. Ce que l’on considère comme un bon hébergement.
Service worker
Script JavaScript qui s’installe dans le navigateur lors de la visite d’un site et continue de fonctionner en arrière-plan. Il peut intercepter les requêtes pour servir des ressources depuis un cache local, permettre un fonctionnement hors-ligne ou encore recevoir des notifications push. C’est la brique technique au cœur des PWA.
SLA
Acronyme de « Service Level Agreement », ou « accord de niveau de service » en français. Engagement contractuel d’un prestataire sur la qualité de son service, généralement exprimé en taux de disponibilité : un SLA de 99,9% autorise ainsi moins de 9 heures d’indisponibilité par an. C’est un critère clé dans le choix d’un hébergement.
SPA
Acronyme de « Single Page App », désigne un type de site web conçu en JavaScript, qui se comporte comme une application. Les composants affichés sur la page courante sont mis à jour dynamiquement via des appels en Ajax en fonction des interactions de l’utilisateur.
Speculation Rules
API navigateur permettant d’anticiper le chargement voire le rendu des pages selon les actions des utilisateurs. Le navigateur utilise ses propres signaux pour identifier la pertinence et le moment opportun pour initialiser le processus, généralement au survol des liens. Il s’agit d’une fonctionnalité très efficace pour améliorer la performance des sessions de navigation multi-pages.
Speed Index
Indicateur de performance synthétique qui mesure la durée nécessaire à l’affichage des éléments au sein du viewport. L’information étant visuelle et non technique, les outils d’analyse se reposent sur des enregistrements vidéo. En raison de sa complexité, les notations varient selon l’outil utilisé.
SSR
Acronyme de « Server Side Rendering », qui se traduit en français par « rendu côté serveur ». Cela désigne le fait d’effectuer un pré-rendu de pages dynamiques côté serveur. La technique est utilisée avec les frameworks JavaScript comme React, Angular ou encore Vue.js pour améliorer la performance, LCP notamment. Les composants sont déjà présents au chargement, avant d’être rendus interactifs via JavaScript par la suite (c’est « l’hydratation »).
Stack
Une stack désigne un ensemble de technologies complémentaires qui permettent de faire fonctionner une application web. On distingue généralement la stack front-end (frameworks, outils et langages…) de la stack back-end (serveur web, outils de SSR…).
SVG
Format d’image vectoriel particulièrement adapté pour les logos, icônes et pictogrammes. Il s’affiche de façon nette quelle que soit la densité de pixels des écrans.
Synchrone
Le chargement synchrone d’une ressource s’exécute dès son appel en interrompant le rendu de la page par le navigateur.
T
TBT
Acronyme de « Total Blocking Time », cette métrique de performance mesure la somme des périodes de Blocking Time qui interviennent au chargement d’une page web. Elle est souvent utilisée dans les tests synthétiques comme approximation de l’INP, ce dernier n’étant mesurable que via les données terrain.
Template
Un template est un ensemble de fichiers html destinés à gérer la mise en page d’un site web. Certaines parties sont communes à l’ensemble d’un site (en-tête, menus, footer…) alors que d’autres sont spécifiques à chaque typologie de page : page d’accueil, archives de contenus, articles, fiches produits, page de contact…
TCP
Acronyme de « Transmission Control Protocol », désigne le protocole d’échange de données à la base du fonctionnement d’Internet. C’est lui qui permet aux navigateurs web de télécharger les ressources d’un serveur lorsque vous consultez une page web. Il se repose pour cela sur les adresses IP. À noter : avec HTTP/3, les navigateurs lui préfèrent désormais QUIC, un protocole plus récent basé sur UDP qui accélère l’établissement des connexions.
TLS
Acronyme de « Transport Layer Security », ce protocole est chargé d’assurer les échanges sécurisés entre un navigateur et un serveur. Il sécurise les pages en « https » en vérifiant l’authenticité du certificat numérique fourni par le serveur.
TTFB
Acronyme de « Time To First Byte », cet indicateur de performance mesure le temps nécessaire à un serveur pour répondre à la première requête du navigateur. Il dépend de la configuration du serveur, de la présence ou non de cache mais aussi de la connexion du visiteur (débit, latence).
Tofu
En typographie, désigne un caractère qui ne peut pas être affiché car le glyphe utilisé n’est pas disponible dans le fichier de fonte, conduisant à un rendu de type □ ou ☒. La dénomination « Tofu » est utilisée car ce carré ressemble à un bloc de tofu (le fromage de soja asiatique).
U
UI
Acronyme de « User Interface », que l’on traduit par « Interface Utilisateur » en français. Désigne l’ensemble des éléments graphiques d’une page web. La structure, la typographie, les images ou encore les couleurs constituent ainsi des éléments de l’UI.
UX
Acronyme de « User eXperience », que l’on traduit par « Expérience Utilisateur » en français. Désigne la façon dont un utilisateur interagit avec une page web. Une UX de qualité passe par des choix pertinents en matière d’ergonomie, d’accessibilité et de respect des conventions et bonnes pratiques.
V
VDS
Acronyme de « Virtual Dedicated Server », qui se traduit en français par « serveur dédié virtuel ». C’est un type d’hébergement entre le VPS, performant et flexible, et le serveur dédié, très performant mais moins flexible. La principale différence entre un classique VPS et un VDS est que le second dispose d’un isolement rigoureux, là où certaines offres VPS reposent sur un cloisonnement dynamique, avec des ressources pouvant fluctuer selon la charge (CPU, RAM et IO).
Viewport
Zone de la page courante visible dans un navigateur web. Au chargement, le viewport correspond à la zone située au-dessus de la ligne de flottaison.
VOC
Acronyme de « Voice Of Customer », qui se traduit en français par « voix du client ». Il s’agit d’une famille d’outils qui visent à recueillir les avis des utilisateurs d’un site et à anticiper leurs éventuelles frustrations. Ils se matérialisent généralement par la présence d’un bouton affiché en position fixe et donnant accès à une fenêtre de conversation. Par extension, on a tendance à y inclure les chatbots et robots conversationnels.
VPS
Acronyme de « Virtual Private Server », qui se traduit en français par « serveur privé virtuel ». C’est un type d’hébergement entre le serveur mutualisé, peu performant, et le serveur dédié, très performant mais aussi très coûteux. Un VPS offre un compromis intéressant entre performance, coût, sécurité et évolutivité : comme il ne s’agit pas d’une machine physique, on peut en réaliser des sauvegardes instantanées ou encore faire évoluer la configuration à la volée.
W
W3C
Le W3C, ou « World Wide Web Consortium », est l’organisme international chargé d’encadrer les technologies propres au web. Il est à l’origine des standards XML, CSS ou encore SVG qu’il fait régulièrement évoluer. Le standard HTML est quant à lui maintenu depuis 2019 par le WHATWG, avec lequel il collabore.
WAF
Acronyme de « Web Application Firewall », ou « pare-feu applicatif » en français. Placé devant le serveur web, il analyse les requêtes entrantes pour bloquer les attaques (injections, robots malveillants, DDoS…) avant qu’elles n’atteignent le site. Il protège aussi la performance : le trafic parasite consomme des ressources serveur au détriment des visiteurs réels.
Waterfall
Se traduit par « diagramme de chargement en cascade » : représentation graphique du chargement d’une page web, où chaque ligne matérialise une requête http et sa chronologie précise. C’est l’outil de référence pour comprendre comment le navigateur charge une page et identifier les goulets d’étranglement. On la retrouve dans les outils de développement des navigateurs (onglet Réseau) et dans les outils de test comme WebPageTest.
WCAG
Acronyme de « Web Content Accessibility Guidelines », ces directives visent à définir les critères d’accessibilité d’un site web aux personnes handicapées et aux seniors. Elles sont définies par le W3C.
Webfont
Police d’écriture téléchargée par une page web pour en afficher tout ou partie des textes. La bonne pratique est de la proposer en Woff2, le format le plus léger, aujourd’hui supporté par tous les navigateurs. On recommande également la mise en place d’un font-display: swap afin de permettre un affichage des textes avant le téléchargement de la webfont. Pour plus d’informations, consultez notre article sur l’optimisation des polices d’écriture web.
Web performance
Discipline technique visant à assurer un affichage rapide et une bonne fluidité des pages web dans les navigateurs, durant leur chargement et tout au long de leur utilisation. Pour une définition complète, consultez notre article « Qu’est-ce que la web performance ? ».
Z
Zstandard
Algorithme de compression moderne utilisé par les serveurs web pour réduire le poids des ressources encodées en texte (html, CSS, JavaScript…), et donc leur temps de téléchargement par les navigateurs. Son ratio de compression se situe entre ceux de Gzip et de Brotli, mais il compresse bien plus rapidement que ce dernier, en consommant moins de ressources CPU. Il est ainsi particulièrement adapté aux contenus dynamiques, comme les pages html elles-mêmes.
