Dossier
Article
Une page d'entree pour regrouper les contenus de la section.
Diagnostic technique
Une landing page statique, légère, maintenable, pensée pour un hébergement contraint.
Rapport local en attente.Contrainte
- Hébergement
- Mutualisé OVH
- Limite cible
- 100 Mo
- Poids publié
- 639,4 Ko
- Assets publiés
- 17 fichiers
Le site reste publiable sur un hébergement léger, sans empilement technique inutile.
Stack
- Build
- PHP léger + assets statiques
- CSS
- Sass compilé
- JS
- Vanilla ES6
- Dépendances UI
- 0 framework, 0 CDN, 0 tracking
Aucune dépendance externe pour l'interface : rendu, interactions et animations sont maîtrisés localement.
Interface
- Responsive
- Mobile, intermédiaire, desktop
- Animations
- CSS transform/opacity
- Formulaire
- Machine d'état UI
- Accessibilité
- ARIA live + reduced motion
Les animations accompagnent l'action et restent désactivables via la préférence système reduced-motion.
- Envoi
- API PHP + fallback mailto
- SPF
- À vérifier
- DMARC
- À vérifier
- DKIM
- À valider fournisseur
Le formulaire garde une voie de secours sans exposer l'adresse email complète dans le HTML.
Serveur
- IPv4
- À vérifier
- IPv6
- À vérifier
- HTTPS
- À vérifier
- HTTP -> HTTPS
- À vérifier
Le diagnostic affiche des statuts publics, pas les valeurs brutes de configuration serveur.
Déploiement
- Outil
- Python FTP miroir
- Mapping
- www/* -> /www/
- Mode
- Miroir strict
- Sécurité
- Hors Git et hors dossier public
Le serveur distant est traité comme un miroir du dossier public local : pas de racine projet publiée.
Maintenance
- Versionnement
- Git
- Pré-publication
- Dry-run miroir
- Retour arrière
- Commit précédent + redéploiement
- Secrets
- Configuration locale exclue
- Cycle
- Modifier, vérifier, publier
Chaque évolution reste relisible, réversible et publiable sans manipulation directe sur le serveur.
Performance
- Images
- WebP responsive
- Audit
- Lighthouse local
Desktop
- Perf
- --
- Access.
- --
- Best Practices
- --
- SEO
- --
Mobile
- Perf
- --
- Access.
- --
- Best Practices
- --
- SEO
- --
Philosophie
Peu de poids, peu de dépendances, des états d'interface explicites, un déploiement maîtrisé et une configuration serveur vérifiable.
Le but d'une page n'est pas d'empiler des outils, mais de garder la main sur l'ensemble : contenu, interface, performance, email, DNS, HTTPS, Git et publication.
Le métier, commence quand il faut transformer cette intention en système propre, lisible et maintenable.