Un aperçu des principales nouveautés introduites avec la v0.5 d’AppErgo.
La v0.4 avait surtout permis de mettre AppErgo en ligne publiquement. Avec la v0.5, l’objectif était différent : améliorer le design, alléger les pages, nettoyer le code et commencer à construire une base plus solide pour la suite du projet.
Un nouveau logo
La v0.5 introduit le nouveau logo d’AppErgo, plus simple, plus géométrique et plus lisible en petite taille. Il conserve les quatre couleurs associées au mot Ergo, tout en abandonnant l’ancien monogramme AE.
J’ai détaillé sa création dans un article dédié : « Le logo d’AppErgo : histoire d’une création ».
Une nouvelle page d’accueil
La page d’accueil a été retravaillée pour la v0.5. La v0.4 remplissait surtout un rôle de première mise en ligne, avec une présentation simple du projet et un bloc d’actualités.
La nouvelle version est plus structurée : le logo est mieux intégré, la navigation est plus claire, une section Projets fait son apparition, et la page met davantage en avant les actualités, les articles, les fichiers à venir, les réseaux sociaux et les flux RSS.
L’objectif était de commencer à transformer la homepage en véritable point d’entrée vers les différentes parties d’AppErgo, plutôt qu’en simple page de présentation.
Une FAQ plus lisible
La FAQ a également été revue pour la v0.5. Les premières versions utilisaient encore des onglets, des couleurs assez marquées et beaucoup d’espace vide.
J’ai finalement choisi une présentation plus compacte et plus calme, sans onglets ni dégradés de couleur. Le résultat est plus simple à parcourir, plus léger côté HTML/CSS, et globalement plus cohérent avec la direction visuelle du site.
Un site plus léger
Une grande partie du travail sur la v0.5 a aussi concerné l’optimisation du site. J’ai beaucoup retravaillé le HTML et le CSS afin de rendre les pages plus légères, plus propres et plus faciles à maintenir.
L’un des plus grands apports a été l’adoption des formats AVIF et WebP pour les images, alors que j’étais d’abord parti sur des PNG et des JPEG. C’est ce changement qui a permis les gains les plus visibles. Mais de nombreuses mini-optimisations ont aussi fini par faire une vraie différence : certaines requêtes inutiles ont été supprimées, les polices WOFF2 utilisées au départ ont finalement été retirées, des icônes SVG ont été directement intégrées dans le HTML, et certains arrière-plans SVG ont été intégrés directement dans le CSS.
La page d’accueil est ainsi passée d’environ 264 Ko à 121 Ko, puis à 60 Ko, pour se situer aujourd’hui autour de 20 à 30 Ko selon les cas.
Globalement, la taille de mes pages et de leurs ressources respectives a fortement diminué. Et presque paradoxalement, je suis parvenu en même temps à améliorer de manière significative le design du site.
À titre personnel, j’aime l’efficacité, la vitesse de chargement et l’ergonomie. C’est donc cette philosophie que j’ai privilégiée ici, et que je continuerai de privilégier pour la suite. Beaucoup de sites modernes sont magnifiques, mais deviennent aussi très lourds à charger, parfois au point de rendre la navigation moins claire. Pour AppErgo, je préfère avancer vers quelque chose de simple, rapide et facile à parcourir.
Un code plus propre
Au-delà du poids des pages, j’ai aussi voulu accorder plus d’attention à la qualité du code. L’objectif n’est pas seulement que le site s’affiche correctement, mais qu’il repose sur une base HTML et CSS propre, lisible et aussi valide que possible.
Je me suis donc efforcé de corriger les erreurs signalées par le W3C Validator, et je compte continuer à le faire au fil des prochaines versions. C’est un travail parfois discret, mais important : un code plus propre rend le site plus stable, plus facile à maintenir et plus agréable à faire évoluer.
Une section Projets
La v0.5 introduit également une nouvelle section Projets, qui n’était pas prévue dans la v0.4. Elle servira à présenter les idées de projets, les projets à venir et ceux déjà en cours de développement.
Chaque projet pourra disposer de sa propre fiche de présentation, avec ses points clés et, lorsque ce sera possible, une roadmap dédiée. L’objectif est de mieux organiser les futures créations d’AppErgo et de rendre leur évolution plus facile à suivre.
Et maintenant ?
Il reste encore quelques détails à corriger ici et là. La v0.5 du site est en ligne depuis quelques heures seulement, et j’ai déjà repéré quelques petits bugs d’affichage qu’il me faudra corriger rapidement. Il y aura donc encore un peu de CSS à revoir, même si, pour le moment, il s’agit surtout de cosmétique.
Le code PHP qui génère la majorité des pages publiques, elles-mêmes servies en HTML, semble plutôt solide, mais je découvrirai peut-être aussi quelques points à corriger avec l’usage. Par conséquent, il faudra peut-être attendre une v0.5.1 avant que la section Projets soit réellement active.
Pendant ce travail de stabilisation, je publierai sans doute quelques articles autour de mes idées de projets, qui se sont précisées ces derniers temps. J’aimerais aussi aborder des sujets liés au développement, à ma façon de travailler et à la philosophie que je souhaite donner à AppErgo.
Tout cela étant dit, j’espère que quelques internautes auront envie de suivre l’évolution du projet. J’en serais ravi.