L'hébergement statique (au cœur du mouvement Jamstack) consiste à distribuer des fichiers pré-générés (HTML, CSS, JavaScript, images) directement sur un réseau mondial de serveurs miroirs (CDN). Il offre les meilleures performances, une sécurité imbattable et un coût quasi-nul.
Aucun calcul en base de données au moment de la visite. Le fichier HTML est servi instantanément depuis la mémoire cache.
Vos fichiers sont clonés sur plus de 300 centres de données planétaires (Cloudflare, Fastly, AWS CloudFront).
Pas de serveur PHP ou Node à pirater, pas de ports ouverts, zéro injection SQL possible sur l'hébergement du site.
Capable d'encaisser 1 000 000 de visiteurs simultanés lors d'un pic sans saturer de processeur ni payer de facture monstrueuse.
# Test du temps de réponse (TTFB) d'un site statique servi par CDN
$ curl -o /dev/null -s -w '
HTTP Status: %{http_code}
Temps DNS: %{time_namelookup}s
Connexion TCP: %{time_connect}s
Handshake TLS: %{time_appconnect}s
Premier Octet: %{time_starttransfer}s
Temps Total: %{time_total}s
' https://mon-site-statique.com
# Résultat typique sur un CDN mondial (Vercel / Cloudflare) :
# HTTP Status: 200
# Premier Octet: 0.018s (18 millisecondes seulement !)
# Temps Total: 0.024sPour bien comprendre la révolution de l'hébergement statique, imaginez la différence entre deux modèles :
À chaque fois qu'un visiteur demande une page, un serveur doit se réveiller, exécuter du code, interroger MySQL, fabriquer le HTML à la volée puis le renvoyer. Si 10 000 visiteurs arrivent en même temps, le cuisinier s'effondre et le serveur affiche 504 Gateway Timeout.
Le HTML est pré-imprimé une seule fois lors du build (npm run build). Les fichiers finaux sont copiés dans des entrepôts partout dans le monde (CDN). Quand un visiteur arrive, on lui tend immédiatement le journal déjà imprimé en 15ms.
Un CDN (Content Delivery Network) est un réseau de centaines de serveurs distribués géographiquement à travers tous les continents :
C'est l'erreur la plus fréquente des débutants ! Le mot statique désigne le mode d'hébergement des fichiers, pas l'expérience utilisateur !
dist/ est hébergée de manière 100% statique. Pourtant, dans le navigateur, elle peut afficher des graphiques animés, gérer un panier d'achat, dialoguer avec des API Stripe et authentifier des utilisateurs via des requêtes fetch() asynchrones ! index.html : C'est la racine indispensable que l'hébergeur cherche en premier pour afficher la page d'accueil./profil, /contact) doivent être redirigées vers index.html pour éviter les erreurs 404.baseHref ou publicPath pour éviter que les chemins de styles et d'images ne pointent vers le mauvais dossier racine.| Critère d'Ingénierie | Hébergement Statique (CDN / Jamstack) | Serveur Dynamique Dédié / VPS |
|---|---|---|
| Vitesse de chargement (TTFB) | 10 à 30 ms (servi depuis le cache le plus proche) | 200 à 1 500 ms (génération SQL et calcul CPU) |
| Maintenance & Mises à jour | Zéro maintenance (Géré par l'hébergeur) | Mises à jour Linux, patchs de sécurité, SSL manuel |
| Résistance aux Pics de Trafic | Quasi infinie (CDN autoscalé) | Risque de crash (502 / 504) si le CPU sature |
| Sécurité globale | Pas de base de données à pirater | Failles potentielles (Injections, ports SSH ouverts) |
| Coût financier moyen | 0 € / mois (Gratuit pour 95% des projets) | 5 € à 50 € / mois fixe même avec zéro visite |