Sites statiques, dynamiques et Headless, Jamstack ou Architectures Composables

Sites statiques, sites dynamiques et Headless : quelle différence ?

Si chez Internet 2000 nous sommes experts des sites statiques et du Headless qu’on oppose souvent aux sites dits dynamiques, on y parle aussi de JAMStack ou d'Architectures Composables… Mais que veulent vraiment dire ces termes barbares ?

Article mis à jour en mars 2024

Quelle différence entre un site statique et un site dynamique ?

La différence est située au niveau du serveur : pour un site statique, les fichiers sont stockés tels quels sur le serveur, et servis à tous les utilisateurs sans autre transformation puisqu’ils existent déjà. Pour un site dynamique, les fichiers servis sont générés en temps réel par un logiciel, lui-même sur le serveur, puis envoyés à la demande, et ceci pour chaque utilisateur. A chaque fois que nous ouvrons une page dynamique - type Wordpress ou autre - la page est générée uniquement pour nous sur le serveur, en créant une mise en page à partir de fichiers-modèles… Comme une paille jetable. Cela permet de générer une page personnalisée, différente pour chaque utilisateur. Encore faut-il en avoir l'utilité.
En éco-conception, la techno dynamique ne devrait être utilisée que lorsqu’une personnalisation par utilisateur est nécessaire, ce qui n’est certainement pas le cas de tous les sites. Pour les sites qui le nécessitent, seules certaines pages ou même parties de page peuvent être dynamiques. L’adéquation des moyens, c’est la base en éco-conception web.

Note technique : il y a évidemment moyen de mettre en cache les pages générées dynamiquement, mais alors 1. c’est complexe et coûteux avec des systèmes qui n’ont pas été prévus pour, et 2. quel intérêt d’utiliser un système dynamique, dans ce cas ?

Et le Headless, Jamstack ou Architecture Composable, dans tout ça, c’est quoi ?

Au départ, un site statique à l’ancienne, c’était, certes, très rapide et léger, mais aussi assez restrictif : impossible d’en actualiser le contenu sans rentrer dans le code. Alors, sont apparus le Headless, la JAMStack ou Architecture Composable, qui ont entendu tirer parti de tout ce qui rend les sites internet statiques géniaux, tout en permettant des fonctionnalités dynamiques devenues nécessaires. Le Headless, c’est la version rétro-futuriste - comme notre logo - du statique : une idée de génie :)
Une volonté de s’offrir les avantages de stabilité, de performance du statique, et de s’affranchir de la complexité des CMS dynamiques type Wordpress, de leur lourdeur parfois, de la course permanente et coûteuse de la maintenance de mise à jour, de la nécessité de passer par l’interpréteur PHP à chaque requête, et de la consommation de mémoire sur le serveur, des failles de sécurité. Et… du casse-tête pour les développeurs.

Comment ça marche ?

En sortant de la construction monolithique - back-end et front-end en un - donc en découplant le front-end, statique, et le back-end, qui lui est dynamique ! L’architecture JAMStack comprends un service (serveur) CMS, qui déclenche à chaque édition la regénération du site sur un serveur de build, qui lui-même déploie sur le serveur web. Une façon d’avoir le beurre et l’argent du beurre. La techno statique, celle des débuts du web, est revenue, améliorée d’un back-end super moderne. Beaucoup de développeurs ont compris les avantages du Headless, créant ainsi un écosystème florissant.
Pré-rendre les pages, c’est supprimer les requêtes nécessaires à leur affichage, donc alléger considérablement la consommation électrique et l’empreinte carbone d’un site internet. Pour Internet 2000, ce choix technologique est une évidence car il va dans le sens de l'éco-conception.

Mais c'est aussi économiser sur la maintenance de mise à jour, et profiter d'une sécurité renforcée : le front est statique.

Et si…
Et si, dans les pages d’un site statique, générées avec un principe de Headless, on intègre une page ou une partie de page dynamique : c’est statique, Headless, ou dynamique ? En fait, qu’importe : ce sera toujours plus léger et moins polluant qu'un site entièrement dynamique. On utilise le bon outil au bon endroit, on fait un site internet éco-conçu.

Statique, Dynamique et Headless dans le temps

  • Années 2000 : Techno statique
  • Années 2010 : Techno dynamique
  • Années 2020 : Headless

=> Vous voyez le rapport avec notre logo ?

Les avantages du Headless

  1. Coût optimisé à moyen et long terme grâce à la maintenance beaucoup plus légère, pas de maintenance de mise à jour du front
  2. Hautes performances marketing et SEO/référencement grâce à la rapidité de chargement des pages statiques en front
  3. Compatibilité avec l'éco-conception et les principes RSE
  4. Back-office moderne, donc plus simple et plus intuitif, autonomie sur la mise à jours des contenus
  5. Sécurité renforcée avec un front statique, pas de construction monolithique

 

Nos actus Green IT

Pourquoi bandeau RGPD plombe score EcoIndex

EcoIndex et cookies : pourquoi votre bandeau RGPD plombe vos performances environnementales

Vous avez fait un beau site éco-conçu, tout optimisé, avec une note EcoIndex de B. Puis, vous avez ajouté un gestionnaire de cookies, et là, catastrophe : votre score est explosé. On vous explique pourquoi et comment rectifier le tir.

Lire l'article

Sobriété éditoriale et éco-conception

Sobriété éditoriale : entretien avec Ferréole Lespinasse, pionnière en la matière

Ferréole Lespinasse accompagne et forme organisations, entreprises et collectivités publiques, en langage clair, depuis 2009. Experte en sobriété éditoriale, elle est l'auteur du Guide de la Sobriété Éditoriale : Sobriété éditoriale, le guide pour écoconcevoir vos contenus, dont la 2e édition vient de paraître, un projet soutenu par l'ADEME.

Lire l'article

Comment faire un site ultra-sécurisé

Comment faire un site ultra-sécurisé ? La solution robuste pour les équipes com sous pression de leur DSI

Vous êtes en charge de la refonte du site web de votre organisation. L’ancien site a déjà été victime d’un piratage. Et cette fois, la DSI vous attend au tournant : exigences de cybersécurité béton, performances irréprochables, disponibilité sans faille.

Lire l'article

Internet 2000 en 2024 : sites éco-conçus avec WordPress en headless

Rétrospective 2024 : Wordpress headless pour faire de l’éco-conception, contributions open source et plein de sites éco-conçus

Déjà une année de plus pour Internet 2000 et nos sites éco-conçus ! En 2024, Internet 2000 a produit une trentaine de sites éco-conçus, pour des PME, des associations, des fondations, des grandes entreprises et un grand groupe. Ce fut une année très productive, qui est passée vite. Janvier, nouvelle année : c’est l’occasion de regarder dans le rétro.

Lire l'article

Voir toutes nos actualités Green IT

Contact

En cliquant sur ce bouton vous acceptez les cookies d'analytics.

J'ai compris