Le Laboratoire

Ce blog documente les patterns qui émergent quand je construis des systèmes, les limites que je pousse pour voir où ça casse, et les concepts qui changent ma manière de concevoir. Analyses, retours d'expérience, questions ouvertes.
interface site dip-ai.io lighthouse Google pageSpeed score

Lighthouse : PageSpeed insights > où comment se battre contre des moulins à vent

Il y a 1 mois
Ça fait quelques jours que je travaille sur l'optimisation de mon CMS SSG Genesis. J'ai actuellement 9 pages 7 à 100% cell & desktop, les autres entre 96 et 99% perf le reste à 100 et ordi 100%.

Je me rends compte qu'en fait je pourrais passer des jours, des mois, des semaines à optimiser que jamais je ne pourrais avoir une page un peu stylée avec 100%. Le moindre carousel -2, la moindre image qui dépasse d'un poil la taille de son affichage.. -2. Et après pas mal de recherches je me suis rendu compte qu'en fait le souci c'est qu'ils ont un référentiel qui ne correspond à rien du tout. Une taille de desktop qui correspond à du 4/5e des années 90, une résolution de téléphone qui ne correspond à rien et surtout qui fait que sur un vrai téléphone, si tu mets ce qu'ils attendent ça ne va pas. Le seul moyen c'est de ne mettre ni vidéo, ni grande image, ni carousel. Encore moins des carousels avec des vidéos. J'ai découvert que si je voulais que tout le site soit à 100% il fallait que je fasse comme tout ceux qui ont atteint ce Graal : faire des sites moches.

Donc non, c'est clairement hors de question, si il faut que je passe des jours à créer des algos pour générer des images pour chaque cas d'application. Si il faut que je crée mon propre carousel light avec parallaxe. Je le ferai. J'aurai de 100% sur tous les devices et sur toutes les pages de mes sites. Je prouverai que même si on me fout des bâtons dans les roues je trouve toujours un moyen.
Lighthouse PageSpeed 100

Objectif PageSpeed insights 100%

Il y a 1 mois
Mon but n'est pas tant d'atteindre le 100/100/100/100 Lighthouse sur toutes les pages que d'améliorer Genesis (CMS SSG) afin qu'il soit capable de générer des sites graphiques ultra performant par défaut. C'était pas mal au début, j'avais le même genre de performance qu'un WordPress ou qu'un Wix mais en 5 jours je suis passé à 100% en performance, accessibilité, bonnes pratiques et SEO sur 5 pages sur 7. Il ne me reste plus que qu'à améliorer le logiciel de création de héro et de slideshow que j'avais créé en tout premier, avant même d'attaquer Genesis pour faire en sorte qu'ensuite tout soit parfaitement responsif, optimisé, propre. Mon but c'est d'avoir ce genre de perfection sur Tous les sites qui sortiront de Genesis.

Ce qui aura vraiment été intéressant c'est cette chasse aux loups : voir dans chaque partie de Homeostasis les points de frictions, les petits trucs qui bloquaient le chargement de tel ou tel images, tel ou tel script. J'aurai passé presque plus de temps sur ces optimisations que sur chaque feature de l'App. Ça m'a également permis de réparer des petits trucs cassés ou incohérents. Ce qui est marrant parfois c'est de bloquer une demie journée sur un petit truc par exemple les "alt_text" et de voir que une fois fixé ça améliorait d'un coup l'ensemble des insights, parfois de plusieurs dizaines de points d'un coup.

Ce qui est génial c'est que là dès que je créerai un nouveau bloc, un nouveau type de section ou de template il héritera nativement de l'ensemble des avancées techniques. En fait si je pouvais avoir un PageSpeed insights pour tout types d'app et autres SaaS ça me permettrait d'avoir des outils qui tournent parfaitement, tout seuls, ultra légers et sans backdoors à attaquer.
arbre doré sur fond béton

Premier article

Il y a 1 mois
Premier article. Premiers mots sur ce site, sur ce blog. Ça fait aujourd'hui 20 jours que j'ai commencé Genesis et ça y est je peux enfin créer des articles alors j'en profite pour me lancer.
Tout d'abord bienvenue dans mon laboratoire. J'espère que vous pourrez y lire... Des choses. Je n'ai pas spécialement l'habitude de documenter mon travail, encore moins de le commenter mais je pense que ce site me donne l'opportunité de m'y mettre. En effet, je trouve intéressant, non pas de parler du site lui même mais de Genesis, le logiciel que je développe pour le créer.

J'avais besoin de créer une voiture, j'ai créé l'usine.

En fait, je me suis dit que comme sur mes autres projets, y avait des chances que chaque ligne de code puisse servir à autre chose. J'aime le principe des Legos : créer des briques > les assembler pour faire une infinité de projet. Je déteste perdre mon temps. Si je fais un site et que je passe 20 jours dessus... Je n'aurai qu'un site. Je viens de passer 20 jours sur Genesis et je peux créer autant de sites que je veux. Évidemment c'est améliorable mais je peux exporter des sites avec des performances impressionnantes.