Utiliser un générateur de site statique

[Houssen Moshinaly]

Les générateurs de site statique ont le vent en poupe avec les développeurs qui sonnent la charge. Je ne vais pas revenir sur les avantages et les inconvénients d’un générateur de site statique, car j’ai déjà écrit un dossier de près de 8000 mots sur le sujet.

Qu’est-ce qu’un site statique ?

Un site statique implique un site développé en local et seuls les fichiers statiques tels que ceux au format HTML et CSS sont publié sur un serveur ou un stockage en ligne. Le principal avantage est une grande flexibilité sans oublier qu’on peut se passer totalement d’un serveur. Mais il n’est pas nécessaire de créer le site statique à la main, car on peut utiliser des générateurs de site statique comme Hugo ou Jekyll.

Les principales étapes pour utiliser un générateur de site statique

• Utiliser le générateur de site Hugo, car il est le plus simple à utiliser
• Créer votre site statique incluant les articles en local
• Publiez les fichiers HTML, CSS et Javascript sur votre serveur
• Un générateur de site statique peut être hébergé sur DropBox, Google Cloud Storage ou Amazon S3
• Le stockage pour un générateur de site statique peut être même gratuit si vous utilisez les pages Github.

Les avantages d’utiliser un générateur de site statique

• Vous avez un contrôle complet sur votre site
• Pas besoin de configurer un serveur et de connaitre le PHP
• La connaissance du Markdown suffit pour créer vos articles
• Un site statique est quasi impossible à pirater, car il n’y a que des fichiers HTML et CSS
• Un générateur de site comme Hugo peut créer des sites statiques ultra-rapides (note de 100/100 sur PageSpeed de Google)

[Houssen Moshinaly]

Avec l’avènement des sites statiques, WordPress ne pouvait pas être en reste. Ainsi, il existe des plugins WordPress qui peuvent créer un site statique à partir de votre installation WordPress. J’en ai trouvé 2 pour le moment :

WP Static HTML Output

L’objectif de WP Static HTML Output est de transformer tout votre site en version statique. Vous n’aurez que des versions HTML de toutes les pages de votre site WordPress que vous pouvez publier sur Amazon S3 ou DropBox. Vous allez perdre une grande partie de la puissance de WordPress, notamment les fonctionnalités des plugins ou même les commentaires. Mais cela peut vraiment intéressant, car vous faites le développement de blog WordPress en local et publier simplement le site statique.

Simply Static

Simply Static obéit au même principe, mais lui, il crée une version séparée, en site statique, afin que votre installation WordPress soit totalement confidentielle. Votre site public sera toujours statique et il aura évidemment une rapidité exemplaire. L’inconvénient est que vous allez perdre le dynamisme de WordPress.

De plus, le plugin crée une copie statique chaque fois. Donc, si vous publiez un nouvel article, alors il recréera tout le site ce qui est très problématique. Si vous avez un petit site, et que vous publiez rarement, alors cela peut marcher. Cet article de Medium montre comment on peut créer le site WordPress en local et utiliser Simply Static pour avoir la version statique qu’on publiera sur le serveur ou un stockage en ligne

C’est une méthode sale pour créer un site statique

Comme je l’ai montré quand j’ai crée un site statique avec Hugo, même un générateur de site peut poser des problèmes, notamment sur la rapidité des pages. Utiliser WordPress pour un site statique et comme se faire un lifting du visage avec un chalumeau… Cela marche, mais vous y laisserez des poils. La création d’un site statique doit être une démarche personnelle dans la mesure où vous en avez marre de ce gros tas d’excréments qu’est devenu le web et que vous voulez faire table rase pour revenir à des fondamentaux.

Je conseillerais plutôt de partir d’un vrai générateur de site statique pour que vous contrôliez chaque ligne de votre site. C’est plus lent, plus pénible, mais le résultat peut être excellent. Mais si vous voulez quand même tester un plugin WordPress pour site statique, alors je pense que WP Static HTML Output est une meilleure solution, plus complète avec des mises à jour plus régulières.

 

 

[Houssen Moshinaly]

Je met le lien d’un thème que j’avais crée à l’arrache pour le générateur de site statique Hugo. Il est ultra-simple et je l’ai codé avec mes moyens. Mais il est léger au maximum, car j’ai utilisé un Framework Responsive ultra-léger appelé PocketGrid (poids inférieur à 1 ko).

Avec quelques tests, j’ai réussi à avoir une note de 100/100 sur PageSpeed. Et moi, j’apporte la preuve de cette note, ce n’est pas comme certains péquenots sur WordPress qui nous disent qu’ils ont du 100/100 alors qu’ils dépassent pas les 60/100. J’aimerais que quelqu’un reprenne le thème pour le rendre plus joli. Mais attention, je débarque chez vous pour vous descendre si vous sacrifiez sa légèreté.

[Auteur]

Messages