Logo Jamstatic
Jamstatic
Sites statiques et architectures découplées
Frank Taillandier (traducteur·trice)

Smashing Magazine est maintenant 10 fois plus rapide

· Lecture 8 min · Hugo, Netlify, Cms

Source : Smashing Magazine just got 10x faster par Chris Bach.

Écouter l’épopée de Smashing Magazine

Smashing Magazine a toujours été une plateforme de confiance pour les développeurs. C’est un endroit où on peut trouver les meilleures pratiques liées au développement Web. Cela fait longtemps que nous leur faisons confiance, depuis que Matt Biilmann, co-fondateur et CEO de Netlify, a commencé à utiliser Smashing Magazine pour apprendre à programmer par lui-même il y a quelques années de cela.

En novembre 2015, Matt a écrit "Pourquoi les générateurs de site web statique sont le prochain gros truc", qui est devenu un des articles les plus lus sur Smashing Magazine. Dans cet article, Netlify a mené des expériences intéressantes. Nous avons effectué une comparaison pour voir à quel point Smashing Magazine serait plus rapide s'il était hébergé sur Netlify, qui tire parti de la rapidité d’un CDN global… les premiers tests ont montré que ça allait 6 fois plus vite !

En avril 2016, Matt a fait une présentation lors de la SmashingConf à San Francisco où il a parlé de la Jamstack, une architecture de développement moderne pour le Web basée sur le Javascript côté client, des APIs réutilisables et du Markup pré-généré.

La Jamstack intègre des pratiques qui la rendent idéale pour le développement Web moderne :

  • Les sites basés sur la Jamstack tirent partie de la puissance des CDN pour bénéficier d’une vitesse et d’une performance impossibles à battre.
  • Tout est versionné dans Git, pas besoin de bases de données à répliquer, pas d’installation compliquée.
  • Le code est pré-généré avec la Jamstack, les régénérations sont automatisées, les modifications ne seront pas en production avant la prochaine régénération… pour ne citer que quelques exemples.

C’est une nouvelle manière de bâtir des sites et des applications qui offrent de meilleures performances, une sécurité plus élevée, un moindre coût de redimensionnement et une meilleure expérience de développement.

Une renaissance du Web moderne est en train d’avoir lieu et Smashing comptait bien en faire partie. Mais d’abord, ils voulaient l’implémenter pour eux-mêmes. En faisant cela Smashing consolide un peu plus le fait "qu'ils appliquent ce qu'ils recommandent" et qu'ils font partie des pionniers du développement Web moderne. Le fait d’avoir choisi la Jamstack et Netlify pour les aider à concrétiser cette vision ne pouvait que nous réjouir.

Un travail titanesque

Smashing Magazine a décidé l’année dernière de redesigner leur site, car ils faisaient face à pas mal de problèmes avec leur configuration précédente. Ils utilisaient différents outils et plate-formes pour tout gérer, des abonnements en passant par les contenus, ce qui pouvait s'avérer frustrant quand on ne savait pas où aller pour faire quelque chose.

WordPress leur a causé de forts maux de têtes et Smashing n'était plus satisfait de ce qu'il pouvait proposer. Même en utilisant la plupart des plugins de cache disponibles, il était clair que WordPress ne fonctionnait pas comme il fallait puisqu'il y avait des problèmes avec chacun des plugins de cache.

Vitaly Friedman : nous avions des problèmes de cache avec chacun des plugins de cache WordPress existants
Vitaly Friedman : nous avions des problèmes de cache avec chacun des plugins de cache WordPress existants.

Si Netlify voulait relever le défi, il fallait bien comprendre les priorités cruciales pour Smashing :

  • L'accès à une plate-forme unifiée — un endroit qui regroupe les différents outils techniques utilisés pour la gestion du site,
  • La liberté de produire un design qu'ils aiment sans avoir à subir les contraintes imposées par WordPress et les autres outils,
  • Le site le plus performant possible en se focalisant sur la fiabilité et la rapidité.

…le tout en l’espace de quelques mois1.

Rien que ça ? Après quelques échanges et une réunion avec toute l’équipe, Netlify a décidé qu'ils ne pouvaient laisser passer une aussi belle occasion. Smashing magazine serait la parfaite étude de cas pour montrer que l’utilisation de la Jamstack constitue la manière de développer des sites.