3.6 KiB
3.6 KiB
EXECUTIVE SUMMARY — Actions à faire immédiatement
Date : 2 mars 2026
Sévérité : 🔴 CRITIQUE — Impact direct sur conversion
Effort estimé : 48-72h pour P0/P1
🎯 3 ACTIONS PRIORITAIRES (Ce week-end)
1️⃣ Optimiser images hero — GAIN IMMÉDIAT +30-40% CONVERSION
Problème :
- Image hero = 6.4 MB (3.1 MB + 2.3 MB)
- LCP actuel : ~3.5 secondes
- Mobile users : 40%+ bounce avant voir CTA
Solution (3-4h) :
# 1. Installer convertisseur
brew install imagemagick webp
# 2. Convertir 2 images hero en AVIF (meilleur ratio)
# hero-pcb-routing-map.png 3.1 MB → 160 KB AVIF
# proof-prototype-bench.png 2.3 MB → 140 KB AVIF
# 3. Ajouter responsive srcset
# → Servir 390px/768px/1440px différentes
# 4. Lazy-load secondary image
# → Primary eager = LCP, Secondary lazy
Résultat :
- LCP : 3.5s → <700ms ✅
- Conversion : +35-45% (mobile stops bounce)
- Page weight : 6.4 MB → 350 KB hero
Files à toucher :
- index.html
- script.js
/public/assets/da/openai/*.png(convert to AVIF/WebP)
2️⃣ Fixer typecheck CI — Éviter futur blocage
Problème :
npm run typecheckéchoue- Risque bloquer CI dans 2-3 sprints
Solution (1h) :
# Modifier tsconfig.json :
# Ajouter "exclude": ["tmp/**", "node_modules"]
# Test :
npm run typecheck # ✅ doit passer
Files : tsconfig.json
3️⃣ Valider GA4 Realtime — Confirmer acquisition fonctionne
Problème :
- Tracking implémenté mais non validé en production
- Risque conversion non mesurée
Solution (1h) :
# 1. Ouvrir GA4 DebugView
# https://analytics.google.com/ → Admin → GTM-5SLM67QF
# 2. Tester events live :
# - Visit https://electron-rare.github.io
# - Click CTA (Projets, Contact, LinkedIn)
# - Verify events appear en Realtime ✅
# 3. Archive : screenshot DebugView + events log
📊 IMPACT RÉSUMÉ
| Action | Complexité | Impact | Timeline |
|---|---|---|---|
| Images AVIF | ⭐⭐ | +35% conversion | 4h |
| Figures responsive | ⭐⭐⭐ | +15% mobile UX | 2h |
| typecheck fix | ⭐ | Risk mitigation | 1h |
| GA4 validation | ⭐ | Measurement trust | 1h |
| Deploy + test | ⭐⭐ | Verification | 2h |
| TOTAL | +50% overall UX | 10h = 1.25 jours |
🚀 EXÉCUTION PROPOSÉE
Vendredi 2026-03-05 (finish line) :
- 09:00 : images conversion start
- 11:00 : HTML/script.js edits
- 13:00 : typecheck fix + test build
- 15:00 : GA4 validation + screenshot
- 16:30 : deploy + Lighthouse verify
- 17:30 : archive evidence + commit
Aftermath :
- Week-end : monitor GA4 Realtime data
- Lundi : Lighthouse >85, LCP <2.5s validation
💡 PROCHAINE ÉTAPE (Semaine 2)
Si images réussies (expected) :
- SEO enrichissement (JSON-LD WebSite, Organization)
- GSC property claim + sitemap submit
- Monitor indexation (7 jours)
Si complications :
- Revert images → fallback PNG optimisé (moins idéal mais rapide)
- Continue sans AVIF (WebP+PNG suffisant)
📞 SUPPORT TOOLS
Image conversion online (backup) :
- https://cloudconvert.com/png-to-avif
- https://squoosh.app/ (Google, local)
Validation :
- Lighthouse : Chrome DevTools F12
- GA4 : https://analytics.google.com
- Schema : https://search.google.com/test/rich-results
Questions ? → Lire docs/audit-plan-amelioration-2026-03-02.md pour détails complets.