Feedbacks
07 mars 2024Suite à la publication du précédent article, j’ai eu des retours très pertinents. J’ai donc appliqué ceux qui étaient facilement réalisables. Je vous explique comment j’ai fait ça.
TLDR: des feedbacks et une nouvelle version.
Les feedbacks
- Le chargement du site était rapide,
- Le poids trop élevé de certaines images,
- Le manque d’accessibilité du menu de navigation,
- Une police majoritairement trop petite,
- La difficulté à voir ou comprendre le bouton “plus de détails” sur la page CV.
J’ai aussi reçu une demande d’ajout de fonctionnalité: un flux RSS.
Merci à toutes les personnes qui ont pris le temps de me faire ces retours. Ça fait chaud au cœur.
Rapidité de chargement du site
Je ne pense pas y être pour grand-chose. C’est surtout la stack choisie qui permet tout ça.
Je me suis appuyée au départ surque j’ai un peu purgé pour supprimer ce qui ne m’était pas nécessaire.
- C’est gratuit tant que l’usage reste en-dessous d’un quota, ce qui est parfait pour un petit site perso.
- On peut très facilement y déployer du Nodejs, ce qui me convient parfaitement.
- C’est entièrement géré par GCP, donc je peux me concentrer sur mon travail, le développement.
J’ai configuré mon instance pour qu’elle soit up en permanence, ce qui permet d’éviter de subir trop de cold start.
Néanmoins le gros souci du déploiement sur AppEngine, c’est le temps de déploiement en tant que tel. Il varie entre2 minutes et 7-8 minutes.
Pour la CI/CD, j’utilise Github Actions, car il y a des actions existantes pour GCP.
Poids trop élevé des images
Je n’avais clairement pas réfléchi à ce problème avant le feedback et c’est idiot de ma part 😂
J’ai donc réduit la taille des images pour qu’elles ne soient pas plus grandes que nécessaire. Ça ne sert à rien d’avoir une image 2000 x 1000 px, si c’est pour l’afficher en 200 x 100 px ! Pire que ça, ça ralentit le browser qui doit les réduire pour les afficher. Ça m’a permis déjà de diminuer grandement le poids de celles ci.
De plus, à cette taille, autant les passer en JPG, si elles ne contiennent pas de transparence. Ça permet parfois de diviser le poids par 2.
Donc maintenant la plupart de ces images font 10-20 ko.
Manque d’accessibilité du menu de navigation
Mon menu manquait très clairement d’accessibilité. Il était très difficile de voir quelle page était sélectionnée.
Je l’ai donc revu pour utiliser directement des boutons afin qu’il soit plus accessible pour les lecteurs. J’ai aussi aligné les boutons à gauche pour pouvoir ajouter d’autres pages dans le futur.
Ancienne version
Nouvelle version
Au passage, j’ai créé une vraie version pour mobile qui j’espère sera mieux. J’ai enlevé le précédent menu pour ajouter un panneau menu.
Ancienne version
Nouvelle version
Police majoritairement trop petite
Ma police était bien trop petite. J’utilisais du 14px en taille par défaut et parfois, je descendais jusqu’à 10px. Maintenant, la police par défaut est 16px, mais je pense qu’elle est encore parfois trop petite... Je reverrais ça à nouveau.
Bouton “plus de détails” sur la page CV
J’avais ajouté un toggle sur le CV afin d’adapter le contenu à la personne qui le lit. Quand ce toggle est actif, les expériences affichaient plus de détails.
A la place, j’ai mis une section dépliable par expérience, suite à une suggestion.
Ancienne version
Nouvelle version
Ajouter un flux RSS
Désolée, mais je n’ai vraiment pas eu le temps d’attaquer ça. Peut-être en juin ?
Si vous connaissez des librairies qui vont ça facilement en JS / TS, je suis très preneuse, encore plus s’il s’agit de librairies plug ’n’ play en nextJs !
Et c’est tout ?!
Non, ce n’est pas tout. J’en ai profité pour apporter 2-3 autres choses.
J’ai fait :- une mise à jour de la stack: les packages sont à jour et l’instance tourne sur du node 20 maintenant !
- du ménage dans le design system et dans les stories storybook
- un micro-tracking maison: j’enregistre au fil de votre navigation les infos suivantes
- la langue utilisée,
- le mode couleur (dark/light mode),
- la page où vous allez,
- si vous cliquez sur des zones dépliables.
- Et c’est tout ! Pas d’identifiant, pas d’IP, rien de personnel.
Si vous avez des doutes sur vos données, n’hésitez pas à aller faire un tour dans le!
Il me reste encore beaucoup à faire !
Et n’hésitez pas, je suis toujours preneuse de vos feedbacks, tant qu’ils sont constructifs 🙂
