Rapidité

Un site rapide, sans réglage.

Le cache se remplit et se vide tout seul, les images arrivent à la bonne taille, les feuilles de style sont compactées à la publication. Vous modifiez une page : la nouvelle version est servie au clic suivant, et rien n'est à purger à la main.

Le cache qui se gère tout seul

Assembler une page — ses sections, ses lignes, ses blocs et leurs styles — est la partie coûteuse du rendu. JEIKO garde donc le résultat en mémoire, et ne le recalcule que lorsqu'il a changé.

  1. Chaque page porte un numéro de version. Toute modification enregistrée — dans l'éditeur, par l'API ou par un agent — l'incrémente : l'ancienne copie devient introuvable, la suivante est fabriquée à la première visite.
  2. Les listes suivent leurs fiches. Une grille de produits ou de fiches se met à jour dès qu'un produit est ajouté, modifié ou retiré — sans toucher à la page qui l'affiche.
  3. Ce qui ne doit pas être figé ne l'est pas. Une page qui contient un formulaire ou un calendrier de réservation est calculée à chaque visite : le jeton de sécurité du formulaire et les créneaux libres doivent être ceux de l'instant.
  4. L'identité du site et les menus — logo, couleurs, polices, navigation — sont mis en cache de la même façon, et purgés dès qu'on les modifie.
  5. Les voisins ne sont pas touchés. Plusieurs sites peuvent partager un serveur : vider le cache de l'un ne vide pas celui des autres.

Le bouton « Vider le cache » existe toujours dans les réglages, pour en avoir le cœur net. Il n'est jamais nécessaire après une modification.

Des images à la bonne taille

Une image envoyée dans la médiathèque est déclinée à l'envoi en cinq largeurs. Le navigateur choisit celle qui convient à son écran : un téléphone ne télécharge pas l'image prévue pour un grand moniteur.

767 px téléphone
991 px tablette
1200 px ordinateur portable
1500 px ordinateur
1920 px grand écran

<img srcset="…-767.webp 767w, …-991.webp 991w, …"
sizes="(max-width: …) 100vw, …">

  1. Les images posées dans un bloc texte reçoivent elles aussi leurs variantes au moment du rendu, sans que le contenu enregistré change : remplacer l'image dans la médiathèque suffit à tout mettre à jour.
  2. L'image d'un bandeau d'accueil est demandée en priorité ; les autres à leur tour.

Des fichiers compacts, gardés un an

Les feuilles de style et les scripts sont minifiés au moment du déploiement, pas à la main : il n'existe qu'une source, donc aucune version compacte qui pourrait diverger de l'original.

  1. Chaque fichier porte son empreinte dans son nom. Le navigateur peut le garder un an sans redemander : le jour où il change, son nom change avec lui.
  2. Les feuilles non critiques sont chargées après l'affichage : la page s'affiche d'abord, les styles du menu mobile ou de la bannière de cookies suivent.
  3. Les polices sont hébergées sur le site, sans appel à un service tiers, et le texte s'affiche sans attendre leur arrivée.
  4. Chaque bloc ne reçoit que ses propres styles, sans feuille géante à télécharger pour un site entier.

Mesuré, page par page

JEIKO interroge PageSpeed, l'outil de mesure de Google, et garde l'historique de chaque page : scores sur mobile et ordinateur, Core Web Vitals des visiteurs réels et du laboratoire, audits en échec. Chaque jour, les pages dont la dernière mesure date de plus d'une semaine sont mesurées à nouveau, vingt par passage, les plus anciennes d'abord.

Lire les mesures d'une page par l'API

GET /api/agent/v1/pages/12/mesures/?appareil=mobile

{ "page": 12,
"mesure": {
"appareil": "mobile",
"mesure_obsolete": false,
"scores": { "performance": 97, "accessibilite": 100,
"bonnes_pratiques": 100, "seo": 100 },
"web_vitals_visiteurs": { "lcp_ms": …, "inp_ms": …, "cls": … },
"web_vitals_laboratoire": { "lcp_ms": …, "fcp_ms": …, … },
"audits_rates": { "accessibilite": [], "seo": [] },
"a_corriger_en_priorite": []
} }

« mesure_obsolete » signale une mesure faite sur une autre adresse que l'adresse actuelle de la page — après un changement de catégorie, par exemple.

La pile techniqueSécurité