Tous les spécimens

Spécimen architectural de R&D 01 — Référence : ce site

Pipeline de briefing zero-trust, tenu à un budget de performance mesuré

Spécimen architectural de R&D : recherche et développement du studio, construit et mesuré dans ce dépôt. Ce n’est pas un travail de client et il ne décrit aucun client. Chaque chiffre de cette page est mesuré ou calculé, et sa méthode est indiquée.

Question de conception

Un site public qui reçoit des demandes de dirigeants peut-il refuser tout ce qu’il ne peut pas vérifier, ne poser aucun cookie, n’exécuter aucune analytique, et être pourtant mesuré à un score de performance Lighthouse de 100 sur ordinateur comme sur un téléphone bridé ? Ce site est le spécimen : la porte du studio lui-même, construite selon les tolérances qu’il vend.

Niveau de preuve A : implémenté dans ce dépôt et exercé par ses tests. Les mesures sont des données de laboratoire d’une seule classe de machine ; leurs limites figurent sous « Compromis et limites ».

I

Contrainte et tolérance

Trois contraintes ont été fixées avant tout code, et chacune est vérifiée à chaque version.

  1. Frontière de confiance : rien venant du navigateur n’est cru. L’origine, la taille du corps, le schéma, le pot de miel et le temps de remplissage, un contrôle anti-robot et un assainisseur s’exécutent sur le serveur, dans cet ordre. Une requête qui échoue à l’un d’eux est refusée, jamais réparée.

  2. Minimisation des données : pas de cookies, pas d’analytique, rien de stocké dans le navigateur. Le seul tiers est un contrôle anti-robot, chargé à la dernière étape du formulaire et seulement là où la livraison est branchée.

  3. Cadence d’images : le rythme propre de l’écran est conservé pendant le défilement. Dans le défilement échantillonné, l’intervalle entre images est de 16,7 ms à la médiane et de 16,9 ms au 99e centile sur un écran à 60 Hz, une image par rafraîchissement.

II

Architecture

Une route, un pipeline et un chemin de rendu qui garde le framework hors du chemin critique.

  1. Pipeline de livraison : navigateur, contrôle d’origine et limite de débit, validation du schéma, contrôle anti-robot, assainisseur et classe de priorité, puis livraison par webhook signé (HMAC-SHA256, idempotent) ou par SMTP sur TLS vers la boîte du studio. Chaque étape peut refuser ; un refus termine la requête et propose au visiteur un brouillon d’e-mail. Le système se ferme en cas de panne.

  2. Rendu : pages rendues côté serveur sous une Content-Security-Policy appliquée, avec un nonce par requête. Le framework démarre après le premier rendu de contenu, derrière un seul script de chargement, si bien que le premier rendu ne l’attend pas. Les sections sous la ligne de flottaison sont dessinées à la demande selon une hauteur de substitution mesurée.

  3. Cryptographie à découvert : un simulateur de sécurité sur la page signe et scelle un message dans le navigateur du visiteur avec Web Crypto (HMAC-SHA256, AES-256-GCM), avec les mêmes fonctions et les mêmes tests que l’architecture de référence.

III

Vérification

Les affirmations sont tenues à des vérifications exécutables, pas à des captures d’écran.

  1. Avant chaque version, un audit de conception de plus de deux cents contrôles et un test de fumée HTTP de plus de cent quatre-vingts s’exécutent sur un build de production, suivis d’un parcours en navigateur réel sur deux fenêtres ; un contrôle en ligne tourne après la mise en production.

  2. L’accessibilité est analysée avec axe sur les pages, les langues et les fenêtres (aucune violation). La Content-Security-Policy est exercée dans un navigateur réel sur le site en ligne (aucune violation, aucune erreur de console). La carte de partage est dessinée et comparée dans chaque langue dans laquelle le site est publié.

  3. Le mouvement de la mise en page est testé tel qu’il se produit : hauteurs de substitution à moins de 15 % de la hauteur dessinée, et choisir un niveau de budget ne déplace rien. La mesure de décalage de mise en page du navigateur ignore les décalages survenant dans les 500 ms suivant un clic ; le test compare donc les positions et les hauteurs.

La livraison est vérifiée de bout en bout face à un récepteur SMTP local avec un vrai jeton de contrôle anti-robot. Aucune affirmation n’est faite sur l’acceptation par un fournisseur de messagerie particulier.

IV

Résultat mesuré et limites

Ce qui est mesuré, et sur quel profil.

Mesuré

Voici les mesures publiées et datées du site en ligne. Les chiffres d’images sont les intervalles entre images d’un défilement enregistré de toute la page.

Performance Lighthouse
100 · 100
bureau · mobile
Largest Contentful Paint
425 ms
bureau
Décalage de mise en page (CLS)
0,00
bureau
Intervalle entre images (médiane · 99e centile)
16,7 · 16,9
ms · écran 60 Hz, une image par rafraîchissement

Lighthouse, desktop preset, live production (syncflow.agency), median of 5 runs, 17 oct. 2026. Échantillonneur d’images : 1280×800, Chrome sans interface, 60 Hz, 8 oct. 2026.

Compromis et limites

Ce que coûte cette conception, et ce que les chiffres ne prouvent pas.

  1. Données de laboratoire, pas de terrain

    Les exécutions Lighthouse sont des mesures de laboratoire sur une classe de machine. Le score mobile est la médiane d’exécutions sur une machine au repos, comme l’indique le profil ci-dessus ; sur un hôte chargé, le même build obtient moins, car l’hydratation tombe dans la fenêtre du temps total de blocage. Une exécution sous charge n’est jamais publiée comme 100.

  2. Cadence d’images, pas travail d’image

    Les chiffres d’images sont des intervalles entre images à 60 Hz, où 16,7 ms est une image. Ils montrent qu’aucune image n’a été perdue dans le défilement enregistré ; ils ne disent pas combien de temps prend le travail propre de chaque image.

  3. La rigueur a un prix

    Une politique appliquée et une route qui refuse en cas d’échec signifient qu’un réglage manquant produit une erreur plutôt qu’un succès silencieux. Le formulaire le dit avant d’être utilisé et propose un brouillon d’e-mail.

Mesuré sur

  • Lighthouse 13.5 · live production
  • 412×823 · slow 4G · 4× CPU
  • 1280×800 · 60 Hz · frame sampler
Briefing stratégique