Reduit Bootstrap a son reboot : 1298 regles ramenees a 76

Aucune classe Bootstrap n'apparait dans le code Razor. Mais le retirer aurait
casse la mise en page : mesure a l'appui, 124 elements sur 124 changeaient —
box-sizing retombait a content-box, la police a Arial nu, les boutons a 13,3 px,
et la marge de main perdait 24 px. app.css ne pose aucune de ces bases.

Ce qui servait, c'etait donc le socle, pas les composants — et Bootstrap le
livre separement. Styles calcules compares sur 12 routes et 785 elements entre
le complet et le reboot : zero ecart. Verifie ensuite apres rechargement reel,
a 320, 375 et 1280 px, sans debordement horizontal.

228 Ko -> 10 Ko, soit 31 Ko -> 3,2 Ko une fois compresse. Le poids n'etait pas
l'enjeu : 31 Ko sur une archive de 65 Mo est negligeable, et c'est ce qui a
failli faire garder le fichier. Le gain est de ne plus embarquer 1222 regles
inutilisees.

628 tests au vert, publish verifie.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
mathieu
2026-08-22 12:25:47 +02:00
co-authored by Claude Opus 5
parent fa40539d26
commit edb8707c97
4 changed files with 62 additions and 7 deletions
+8 -1
View File
@@ -6,7 +6,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>MaBibli</title>
<base href="/" />
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap.min.css" />
<!-- Bootstrap REBOOT seul, pas Bootstrap complet. Aucune classe Bootstrap n'apparait
dans le code Razor : ce qui servait, c'etait uniquement le socle (box-sizing:
border-box, la police de base, l'interlignage, la normalisation des boutons et
des champs), qu'app.css ne pose pas lui-meme. Verifie le 2026-08-22 en comparant
les styles calcules sur 12 routes et 785 elements : ZERO ecart entre le complet
et le reboot. 228 Ko -> 10 Ko (31 Ko -> 3,2 Ko une fois compresse).
Voir CLAUDE.md, « Bootstrap reduit a son reboot ». -->
<link rel="stylesheet" href="lib/bootstrap/dist/css/bootstrap-reboot.min.css" />
<link rel="stylesheet" href="css/app.css" />
<link rel="icon" type="image/png" href="favicon.png" />
<link href="MaBibli.Client.styles.css" rel="stylesheet" />
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long