Sites statiques : pourquoi un tel engouement ?

Il m’a fallu du temps pour comprendre de quoi il s’agissait, et pourquoi le concept devenait de plus en plus populaire. Les sites dits statiques (aussi appelés headless, ou serverless) ont connu une véritable explosion en 2018. 

De quoi s’agit-il ?

A la différence des sites dynamiques où le contenu est généré à la volée à chaque visite, les sites statiques sont de simples de fichiers HTML/CSS/JS générés une seule fois et rendu tels quels aux utilisateurs. 

Les sites statiques éliminent les requêtes en base de données et les traitements côté serveur.

Pourquoi passer en statique ?

Cette approche a deux très gros avantages :

• Rapidité : Les traitements côté serveur représentent une partie importante du temps de chargement des pages. L’approche statique, qui s’abstrait de ces traitements, améliore de facto la vitesse d’un site.
• Sécurité : Aucune base de donnée à pirater, aucun code exécuté côté serveur : les sites statiques sont par nature peu vulnérables.

Mais aussi deux inconvénients majeurs :

• Mise à jour : A chaque modification de contenu, il vous faudra régénérer les fichiers statiques. Si les modifications sont fréquentes, le process peut vite devenir lourd.
• Pas de contenu utilisateur : La base de données ne pouvant être sollicitée, il est impossible d’héberger un système de commentaires, un formulaire de contact, un forum, un site ecommerce, ou tout autre système nécessitant de stocker des informations. Cette limitation peut être contournée en externalisant ces modules à des services tiers, par exemple intégrer un formulaire Google Docs en guise de formulaire de contact.

Cas pratique : Serverless WordPress

Sur un site WordPress classique, le contenu à afficher est récupéré à chaque visite dans une base de données, puis injecté dans des templates PHP, avant d’être retourné à l’utilisateur.

Avec l’approche statique, des fichiers HTML sont générés en amont pour tous les articles et toutes les pages du site. Lorsque un utilisateur visite le site, ce sont ces fichiers qui sont retournés. Il n’y a aucune requête en base de données, et aucun traitement PHP.

Les outils