Alléger le bundle : le sélecteur d'emoji pèse 1,6 Mo #14

New issue

Open

opened 2026-08-30 14:07:05 +01:00 by claudeagent · 0 comments

claudeagent commented

2026-08-30 14:07:05 +01:00

Collaborator

Description

Le bundle frontend pèse environ 1,6 Mo. NcEmojiPicker en représente l'essentiel : il embarque les données emoji complètes. Mesuré au moment de son ajout — 490 ko → 1,5 Mo brut, 318 ko gzip.

Ce que ça coûte
Le bundle est servi par le proxy AppAPI à chaque ouverture de l'application, et doit rester un IIFE autonome chargé comme script classique depuis js/main.js — donc pas de découpage en modules au sens habituel du navigateur. Pour situer : une fonctionnalité entière ajoutée récemment pesait ~45 ko, trente fois moins que ce seul sélecteur.

Le geste concerné
Choisir l'emoji d'une famille. Une fois à la création, rarement ensuite. C'est le rapport le plus défavorable du bundle : le poids maximal pour la fréquence minimale.

Pistes

Chargement à la demande du composant, à l'ouverture du dialogue de création ou de modification. Compatible avec un bundle IIFE ? C'est le point qui décide de tout le reste.
Une liste restreinte d'emojis pertinents pour une famille, en dur. Perd le choix libre, coûte quelques centaines d'octets.
Renoncer à l'emoji au profit de la seule pastille colorée, qui existe déjà.

À prendre quand le chargement devient gênant, ou avant la publication sur le storeÀ prendre quand le chargement devient gênant, ou avant la publication sur le store (#11) — un premier chargement lent est ce qu'un installateur curieux voit en premier.

Plan d'action

TODO

Recette

Revue technique personnelle
Mise à jour du wiki (décision, schéma, interface, périmètre)
Revue fonctionnelle

Plan de MEP

TODO Planification de la livraison

## Description Le bundle frontend pèse environ 1,6 Mo. `NcEmojiPicker` en représente l'essentiel : il embarque les données emoji complètes. Mesuré au moment de son ajout — 490 ko → 1,5 Mo brut, 318 ko gzip. **Ce que ça coûte** Le bundle est servi par le proxy AppAPI à chaque ouverture de l'application, et doit rester un IIFE autonome chargé comme script classique depuis `js/main.js` — donc pas de découpage en modules au sens habituel du navigateur. Pour situer : une fonctionnalité entière ajoutée récemment pesait ~45 ko, trente fois moins que ce seul sélecteur. **Le geste concerné** Choisir l'emoji d'une famille. Une fois à la création, rarement ensuite. C'est le rapport le plus défavorable du bundle : le poids maximal pour la fréquence minimale. **Pistes** - **Chargement à la demande** du composant, à l'ouverture du dialogue de création ou de modification. Compatible avec un bundle IIFE ? C'est le point qui décide de tout le reste. - **Une liste restreinte** d'emojis pertinents pour une famille, en dur. Perd le choix libre, coûte quelques centaines d'octets. - **Renoncer à l'emoji** au profit de la seule pastille colorée, qui existe déjà. À prendre quand le chargement devient gênant, ou avant la publication sur le storeÀ prendre quand le chargement devient gênant, ou avant la publication sur le store (#11) — un premier chargement lent est ce qu'un installateur curieux voit en premier. ## Plan d'action - [ ] TODO ## Recette - [ ] Revue technique personnelle - [ ] Mise à jour du wiki (décision, schéma, interface, périmètre) - [ ] Revue fonctionnelle ## Plan de MEP - [ ] TODO Planification de la livraison