A/B testing

Test consistant à créer des versions alternatives d'une même page, en faisant varier une caractéristique (contenu, aspect général, présentation…), pour en mesurer les impacts (taux de transformation, CA…) et donc déterminer la version la plus performante.

Back-end

Partie ‘invisible' d'un site Internet composée de plusieurs éléments dont voici quelques exemples : un serveur HTTP comme Apache, une application PHP (WordPress, PrestaShop, etc), une base de données (MySql), etc.

Bande Passante

Cette notion, appliquée à votre serveur web (votre hébergeur) est le débit maximal de données qu'il peut recevoir. Cette notion est importante pour les sites à fort trafic ou très consommateurs de données (streaming) car la bande passante peut constituer un goulot d'étranglement (le volume de données demandé à un instant T est supérieur à la capacité du canal)

Base 64

Codage de l'information utilisant 64 caractères textuels. Peut être utilisé pour inclure des ressources (des images par exemple) directement dans le code HTML, évitant ainsi de faire des requêtes HTTP supplémentaires pour les télécharger.

Chemin critique du rendu

Liste des opérations que votre navigateur Internet doit effectuer (téléchargement, interprétation, traitement, …) afin d'afficher votre page Internet. Optimiser ce chemin permet d'accélérer l'affichage de la page et de prioriser les contenus importants.

Compression

Opération qui permet de réduire le volume de données d'un fichier ou d'une communication. Sur une communication web, une ressource est compressée (gzip) par le serveur puis transite sur le réseau et est décompressée avant son interprétation par le navigateur du client.

Content Delivery Network

Réseau de serveurs délivrant des contenus identiques, répartis à travers le monde. Ainsi, les contenus envoyés à un internaute le seront depuis le serveur le plus proche géographiquement, pour réduire la latence et le temps de chargement global de la page.

Débit

Mesure de la quantité de données transmises par unité de temps (exprimée par exemple en Megabits/seconde)

Document Object Model

Arborescence représentant un document HTML, assemblé et utilisé par le navigateur web pour représenter la structure d'une page web.

Exécution d'un JavaScript

Consiste à interpréter les instructions d'un fichier JavaScript. L'exécution d'un JavaScript est par défaut bloquante, c'est à dire qu'il faut que l'exécution du script soit terminée pour que la page finisse de charger/afficher son contenu. L'exécution asynchrone permet de reporter les traitements, et donc d'accélérer l'affichage de la page.

Front-end

Il s'agit des éléments du site Internet qui sont téléchargés par le navigateur web, et lesquels il peut interagir (HTML, CSS, JavaScript ...). C'est la partie ‘visible' du site.

HTTPS

Hyper Text Transfer Protocol Secure. C'est la version sécurisée du protocole HTTP qui permet la communication entre un navigateur et un serveur web. HTTPS consiste à crypter ces communications pour garantir leur intégrité et leur confidentialité.

Latence

Délai incompressible requis pour que des données transitent d'un point A (ex: votre domicile) à un point B (ex: le serveur web). La latence est liée notamment à la distance séparant les 2 points.

Lazy-loading

Chargement des éléments à la demande, c'est à dire lors d'une interaction de l'utilisateur. Exemple : charger uniquement les images visibles à l'écran. Les images situées plus bas dans la pages web ne seront chargées que si l'utilisateur fait défiler la page.

Ligne de flottaison

Ligne au dessus de laquelle le contenu de la page web est visible sans que l'utilisateur n'ait à faire défiler la page. La partie au dessus de cette ligne doit faire l'objet d'une attention importante lorsqu'on optimise le chemin critique du rendu.

Minification

Technique qui permet de supprimer tout caractère inutile pour l'interprétation du code par un navigateur web, c'est-à-dire : les espaces, tabulations, sauts de ligne, ou encore les commentaires. Ces caractères sont utiles aux développeurs, mais pas aux navigateurs. Les supprimer permet de réduire la quantité de données et donc d'accélérer la page web.

Mise en cache

Sauvegarde temporaire d'une ressource. Il existe deux types de cache : le cache client et le cache serveur. Le cache client permet de sauvegarder des données (ex: une image) directement sur le navigateur web. Cela lui évite de devoir re-télécharger la ressource ultérieurement et donc d'accélérer le chargement.
Le cache serveur consiste à sauvegarder sur le serveur un calcul, un traitement, une page afin d'accélérer sa mise à disposition auprès des utilisateurs.

Monitoring

Anglicisme pour 'surveillance'

Parti tiers

Élément extérieur utilisé sur une page web, fourni par un serveur non administré par le propriétaire du site web considéré (ex Google Analytics). Les enjeux sont importants car le responsable du site n'a aucune emprise sur la disponibilité, la fiabilité ou encore les performances de ce tiers.

Performance timings

Principales étapes composant le temps de chargement de la page (temps de réponse serveur, temps d'interaction avec la page, temps de chargement total...) dont les mesures sont fournies par les navigateurs web.

Real User Monitoring

Surveillance des performances, réalisée en captant et en mesurant les données (par exemple les Performance Timings) directement sur le trafic (ou un échantillon du trafic) d'un site web.

Requête HTTP

Demande effectuée via le protocole HTTP par le navigateur web vers un serveur pour obtenir une ressource web (HTML, JavaScript, CSS...) ou déclencher une action.

Serveur web

Machine et/ou application qui fait partie du backend et qui assure les réponses au requêtes HTTP et qui exécute les actions qui y sont liées. le serveur web fournit aux navigateurs web les ressources nécessaires à l'affichage de la page demandée.

SpeedIndex

Indice de performance qui retranscrit la vitesse d'affichage de la partie visible (au dessus de la ligne de flottaison) d'une page web, en prenant en compte la progressivité de l'affichage des différents composants. Point de référence : si la page s'affiche complètement en 1 seconde, le SpeedIndex est de 1000.

Sprite CSS

Technique qui consiste à regrouper plusieurs images en un seul fichier afin de réduire le nombre de requêtes HTTP. L'affichage de chaque image au sein de votre page se fait ensuite par l'application de styles CSS pour assurer le “découpage” de l'image englobante.

Time To First Byte

Temps écoulé entre l'envoi de la requête demandant la page web et la réception de la première donnée par le client. Le TTFB est notamment impacté par la latence.

Time To Interact

Temps écoulé entre l'envoi de la requête par le navigateur web et le moment où l'utilisateur va pouvoir interagir avec un composant de la page (ex : barre de recherche). Ce composant doit donc être affiché et la navigateur web doit répondre aux actions de l'utilisateur (il ne doit pas être bloqué sur un traitement).

Visuellement complet

Délai nécessaire à ce que la zone au-dessus de la ligne de flottaison soit affichée sous sa forme finale. À savoir la partie de la page visible sans que ce dernier n'ait effectué d'action.

Validateurs W3C

Outils permettant de valider le HTML et CSS par rapport aux normes définies par le W3C (qui édite les spécifications de nombre de technologies web).