Slek s'offre un nouveau site web

Le site web de Slek fait peau neuve, et atteint l’excellence technique, avec un score de 100/100 sur les quatre critères que Google analyse : les performances du site, l’accessibilité, les bonnes pratiques et le SEO.

Pourquoi changer de site Internet ? Parce que l’ancien site nécessitait trop de temps pour le mettre à jour… et que le site se devait d’évoluer aussi rapidement que Slek !

L’audit par Google

Tant qu’à changer, mon objectif c’était d’obtenir la note maximale de 100/100 sur les 4 critères que Google analyse sur la fameuse page de PageSpeed Insights :

• les performances du site (la vitesse de chargement etc…),
• l’accessibilité (aux personnes en situation de handicap),
• les bonnes pratiques (divers) et
• le SEO (l’optimisation pour les moteurs de recherche)

Objectif atteint 🚀🚀🚀

La note de 100% en performance est souvent la plus difficile à atteindre… Elle est, elle-même composée de sous-critères plus techniques. D’autant que Google lance le test sur un ordinateur assez performant… et sur un mobile assez ancien, où le 100% est vraiment difficile à aller chercher, sauf si on n’a qu’une page de texte, sans image… Là on a une vidéo pleine page quand-même !

Maintenance

Je t’entends penser « C’est bien beau un site performant, mais ça doit être super complexe à maintenir ! ». Eh bien même pas ! L’article que tu lis est écrit avec un éditeur très convivial dans lequel je pose des captures d’écran non optimisées.

Après, on ne va pas se mentir, l’architecture générale, ça reste un truc de développeurs… On est à des années-lumières d’un site Google Site ou Jimdo (pour n’en citer que 2).

Mais l’avenir sera seul juge et me permettra de confirmer mon choix (ou pas).

Architecture

Pour les plus techniques d’entre vous, quelques mots sur l’architecture.

La base c’est Astro. Une solution qui prend des fichiers (images, texte…) et les secoue pour générer des pages HTML.

Pour le CSS, je reste fidèle à Tailwind… On n’aime ou on n’aime pas… mais si le découplage de la structure d’une page (HTML) et de son rendu (CSS) avaient un sens au début… aujourd’hui, les solutions CSS font tout pour encapsuler le CSS et éviter les effets de bord. A mon sens, Tailwind, c’est l’aboutissement de ce chemin.

Dans cette architecture, il n’y a pas de base de données… les sources sont sous Git et sont secoués pour produire un site statique où tout est optimisé. C’est ce qu’on appelle SSG (Static Site Generation).

L’avantage, c’est que comme il n’y a pas de base de données et que j’ai l’historique du site à chaque modif, en quelques clics je peux revenir à la version de la semaine dernière (ou de l’an passé).

L’hébergement est chez Cloudflare. J’ai dû quitter Infomaniak à regret parce qu’ils n’offrent pas encore de solution qui permet d’héberger des SSG (la passerelle Git ➡︎ HTML manque).

Pour finir, j’écris cet article sur l’éditeur Sveltia CMS. Un projet naissant mais très prometteur.

Voilà… il me reste plus qu’à vous laisser profiter du chargement instantané des pages 🚀