Chronologie · troisième période
2010-2025
Cette période couvre quinze ans là où les deux précédentes en couvraient dix. Ce n'est pas un arbitrage de commodité : les ruptures se font plus rares et plus lentes à mesure que le socle se stabilise. Les cinq dernières années n'ajoutent presque rien au vocabulaire technique, elles rangent ce qui existe.
Le début de la période répond à la question laissée ouverte en 2009. Non, il ne faut pas deux interfaces : il faut une seule page capable de se réorganiser selon la place disponible. La méthode est formulée en mai 2010 et met environ cinq ans à devenir le réglage par défaut.
Suit un long effort pour donner au site ce qui manquait à l'application installée : un canal permanent, un fonctionnement sans réseau, un transport plus rapide, un chiffrement systématique. Puis viennent deux contraintes d'un autre ordre, juridique et statistique, qui entrent dans le cahier des charges des équipes techniques.
20101 repère
-
Le responsive web design est formulé en trois ingrédients
Grille fluide, images souples, requêtes de média. Aucune des trois n'est nouvelle ; c'est leur assemblage qui remplace la pratique dominante du site mobile séparé, hébergé sur une adresse distincte.
Méthode 8 min de lecture
20111 repère
-
WebSocket est normalisé (RFC 6455)
Un canal reste ouvert entre la page et le serveur, dans les deux sens. Les messageries, les tableaux de bord et l'édition à plusieurs cessent de reposer sur des requêtes répétées toutes les quelques secondes.
Protocole
20131 repère
-
React est publié en logiciel libre
L'interface est décrite comme une fonction de l'état : on écrit ce qui doit être affiché, l'outil calcule les modifications à appliquer. La manipulation directe du document, dominante depuis 2006, recule.
Outil
20141 repère
-
HTML5 devient recommandation du W3C
Le texte entérine des pratiques déjà répandues : lecture audio et vidéo sans extension, stockage local, dessin dans une zone graphique. La normalisation arrive après l'usage, pas avant.
Norme
20154 repères
-
Les premiers service workers arrivent dans un navigateur grand public
Un script s'installe entre la page et le réseau et décide, requête par requête, s'il répond depuis un cache ou s'il laisse passer. C'est la pièce qui manquait pour qu'un site fonctionne sans connexion.
Architecture
-
HTTP/2 est publié (RFC 7540)
Plusieurs requêtes voyagent en parallèle sur une seule connexion et les en-têtes sont compressés. Les contournements en usage depuis dix ans, comme le regroupement forcé des fichiers, perdent leur justification.
Protocole
-
Le terme « progressive web app » est proposé
Le mot désigne un site qui gagne progressivement les attributs d'une application installée : écran d'accueil, fonctionnement hors ligne, notifications. Comme pour Ajax dix ans plus tôt, le nom précède l'adoption.
Usage 9 min de lecture
-
Let's Encrypt ouvre ses certificats au public
L'obtention d'un certificat devient gratuite et automatisable. Le chiffrement cesse d'être réservé aux pages de paiement, ce qui conditionnera l'accès aux fonctions sensibles des navigateurs, service workers compris.
Sécurité
20171 repère
-
Les principaux moteurs s'accordent sur WebAssembly
Un format binaire commun permet d'exécuter dans le navigateur du code écrit dans d'autres langages. Le calcul lourd, jusque-là réservé au logiciel installé, redevient envisageable dans une page.
Langage
20182 repères
-
Le RGPD devient applicable dans l'Union européenne
Les données personnelles collectées par une application, la raison de leur collecte et leur durée de conservation deviennent des éléments à documenter. La conception d'un service intègre une contrainte non technique.
Droit
-
Chrome marque toutes les pages en HTTP comme « non sécurisé »
L'avertissement passe du cas particulier au cas général. Combiné aux certificats gratuits apparus fin 2015, il fait basculer l'essentiel du web public vers le transport chiffré en moins de deux ans.
Sécurité
20191 repère
-
WebAssembly 1.0 devient recommandation du W3C
Le format entre dans le socle officiel du web, aux côtés de HTML, CSS et JavaScript. Des logiciels de traitement d'image ou de calcul peuvent être portés dans une page sans être réécrits de zéro.
Norme
Ce qu'un site peut faire sans être installé
| Capacité | Disponible à partir de | Ce qu'elle remplace |
|---|---|---|
| Canal permanent | 12/2011 | Interroger le serveur toutes les quelques secondes |
| Réponse sans réseau | 01/2015 | La page d'erreur du navigateur |
| Requêtes multiplexées | 05/2015 | Le regroupement forcé des fichiers |
| Certificat gratuit | 12/2015 | Le chiffrement réservé au paiement |
| Code compilé | 12/2019 | La réécriture complète d'une bibliothèque |
Le vocabulaire de ces années est le plus dense de la chronologie : service worker, manifeste, multiplexage, cache applicatif. Les termes sont repris un par un, en langage courant, dans la page des repères et définitions.
20202 repères
-
Edge adopte le moteur Chromium
Le nombre de moteurs de rendu indépendants tombe à trois. Le travail de compatibilité diminue pour les équipes ; la diversité des implémentations, qui servait de garde-fou aux normes, diminue aussi.
Navigateur
-
Les Core Web Vitals donnent trois mesures communes
Temps d'affichage du plus grand élément, stabilité visuelle pendant le chargement, réactivité aux premières interactions. L'expérience de chargement devient un chiffre que l'on peut suivre dans le temps.
Mesure
20211 repère
-
Ces mesures entrent dans les signaux de classement de la recherche
Une caractéristique technique devient un argument économique. Les arbitrages entre confort de développement et poids de la page cessent de se jouer uniquement entre développeurs.
Usage
20222 repères
-
HTTP/3 est publié (RFC 9114)
Le transport passe par QUIC, au-dessus d'UDP. La perte d'un paquet ne bloque plus les autres flux de la même connexion, ce qui se remarque surtout sur les réseaux mobiles instables.
Protocole
-
Fin de la prise en charge d'Internet Explorer 11
Le navigateur qui imposait une seconde version du code depuis 2001 quitte les postes grand public. Les fonctions modernes du langage et des feuilles de style peuvent être utilisées sans solution de repli.
Navigateur
20232 repères
-
iOS 16.4 ouvre les notifications web aux sites ajoutés à l'écran d'accueil
La dernière grande différence fonctionnelle avec une application téléchargée s'atténue sur le parc mobile le plus fermé. Un site installé depuis le navigateur peut prévenir son lecteur.
Usage
-
« Baseline » nomme ce qui est disponible partout
Un vocabulaire commun distingue ce qu'un navigateur vient d'acquérir de ce que tous possèdent depuis assez longtemps pour être utilisé sans précaution. La question « puis-je m'en servir ? » reçoit une réponse normalisée.
Norme
20241 repère
-
Le règlement européen sur les marchés numériques devient applicable
Le texte impose notamment un écran de choix du navigateur sur les grandes plateformes mobiles. Après une annonce contraire, la prise en charge des sites ajoutés à l'écran d'accueil est maintenue en Europe.
Droit
20251 repère
-
Interop 2025 : une liste commune de comportements à faire converger
Les éditeurs de navigateurs s'accordent sur un ensemble de fonctionnalités à aligner dans l'année, suivi par une série de tests publics. L'effort porte moins sur ce qu'il faut ajouter que sur ce qui doit se comporter partout à l'identique.
Norme
Où le HTML est produit, et ce que cela coûte
| Stratégie | Le HTML est produit | Coût principal | Gain principal |
|---|---|---|---|
| Rendu serveur | À chaque requête | Temps de calcul par visite | Contenu toujours à jour |
| Pré-génération | À la publication | Reconstruction à chaque changement | Hébergement simple et robuste |
| Rendu navigateur | Chez le lecteur | Téléchargement puis exécution | Navigation ultérieure immédiate |
| Mixte | Aux deux endroits | Mise en cache plus délicate | Premier affichage rapide, page vivante |
Aucune de ces quatre stratégies n'est nouvelle : la première est celle de CGI en 1993, la troisième celle des interfaces nées après 2005. Ce qui change, c'est qu'on les choisit désormais page par page au lieu de les adopter site par site.