4min.

Un nouvel écrin en ligne pour JoliCode

Le site jolicode.com, qui présente notre activité et notre blog, a très peu évolué graphiquement depuis son apparition sur la toile un certain 8 mars 2012 :

Historique du design web de JoliCode.com

Et c’est plutôt un bel âge, 10 ans, pour un design Web, quand nous savons que la durée de vie moyenne d’un site est plutôt de 2 à 5 ans1. Nous aurions pu vous dire que les cordonniers sont toujours les plus mal chaussés, mais en toute objectivité, ce design a plutôt bien vécu sa décennie – si ce n’est la présence d’un Nabaztag, objet connecté qui ne parle qu’aux plus anciens d’entre nous.

Bien sûr, nous l’avons fait évoluer, le socle par exemple est passé de Silex à Symfony, puis nous avons mis en place le RWD, amélioré la lisibilité, ajouté des pages de contenu, suivi les mises à jours techniques… Et nous pouvons le dire : rien n’est à jeter aujourd’hui encore. Nous avons profité de la refonte graphique pour changer de version majeure de Symfony. Mais rien n’est perdu et c’est toujours la même application qui est en production 💪, sans trop de dette technique, 10 ans plus tard.

Il était temps de lui donner un peu d’amour et d’eau fraîche. Pour cela, nous nous sommes tournés vers nos amis de Digital Ping Pong pour la création graphique.

Section intitulée presenter-toutes-nos-activitesPrésenter toutes nos activités 🚧

Sur cette nouvelle version, nous avons souhaité donner plus de place à la présentation de nos activités, de notre écosystème et de nos compétences.

Notre activité open-source et les conférences auxquelles nous participons font aussi partie de notre ADN et ont maintenant également leur place sur notre site.

Nous espérons, via ces modifications, apporter une amélioration de la compréhension de notre activité et un meilleur positionnement SEO, même si notre classement dans les moteurs de recherche n’a jamais été critique ou nécessaire à notre activité.

Section intitulée manger-les-cookiesManger les cookies 🍪

Avez-vous remarqué qu’aucun consentement à l’utilisation de cookies n’est demandé sur ce site ? C’est simple, nous ne vous traçons pas plus.

Nous souhaitions retirer Google Analytics depuis longtemps et la dernière décision de la CNIL n’a fait qu’enfoncer le clou : l’outil est actuellement illégal et enfreint le RGPD. Nous ne le remplaçons pas – il n’est pas toujours nécessaire de mesurer l’audience d’un site, nous n’avons pas de ROI ou de taux de rebond à calculer : notre seul intérêt pour la mesure était l’égo.

Section intitulée remplacer-disqusRemplacer Disqus 💬

Disqus était notre système de commentaire sur le blog. Mais à quel prix pour la vie privée, les données et les performances !

Nous le remplaçons enfin par une alternative open-source et auto-hébergée : Remark42. N’hésitez pas à le tester à la fin de cet article 😉 Après avoir testé plusieurs solutions, et bien que quelques fonctionnalités manquent encore, c’est la solution la plus robuste et pérenne à nos yeux.

Section intitulée une-refonte-sans-liens-mortsUne refonte sans liens morts ?! 💀

Dans toute refonte Web, des liens peuvent être cassés et des erreurs 404 sont introduites – à la grande peine des visiteurs mais aussi du SEO. C’est le cas ici, nous avons changé certaines URL mais fort heureusement tout est prévu.

Nous avons installé sur nos serveurs l’outil SaaS redirection.io ; il se charge de surveiller notre trafic à la recherche d’erreurs, et nous permet de les corriger à la volée avec une règle de redirection.

Si vous trouvez un lien mort sur cette nouvelle version de notre site ; vous n’aurez donc pas à nous envoyer de message, nous serons déjà au courant ! (Enfin si vous voulez nous dire coucou, c’est gentil aussi !).

Section intitulée sobriete-numeriqueSobriété numérique 🌎

L’ancien site était déjà excellent dans ce domaine (96/100 sur ecograder.com) simplement parce que nous appliquons des bonnes pratiques de performances sur nos réalisations :

  • cache HTTP ;
  • assets compressées ;
  • frugalité dans l’usage de librairies JavaScript ;
  • compression et redimensionnement des images ;
  • lazy-loading ;
  • utilisation de SVG quand c’est possible ;
  • pas de publicité ni de dépendances tierces ;
  • développement côté serveur au cordeau 👌

Le développement Web bien fait, c’est de l’éco-conception par nature : cela permet d’avoir des sites internet moins énergivores et plus respectueux de l’environnement sans compromis sur l’utilisabilité et la navigation. Et notre nouveau site ne déroge pas à la règle – nous avons pris soin de chaque octet 👍 et bien qu’il nous reste quelques idées, le score est maintenant de 97/100.

Section intitulée en-avant-pour-les-10-prochaines-anneesEn avant pour les 10 prochaines années ? 👴

Qu’il vive 10 ans ou non, nous sommes très heureux de mettre enfin en ligne cette nouvelle version de notre site ; et nous espérons que vous y apprécierez la nouvelle expérience de lecture sur notre blog et nos nouveaux contenus !


  1. https://www.orbitmedia.com/blog/website-lifespan-and-you/ 

Commentaires et discussions

Nos articles sur le même sujet