Bonjour,
J'ai parcouru rapidement.
1) Cloudflare
Je déteste. Ça m'a fait poireauté 10 secondes, c'est un moindre mal (parce que des fois, c'est plus grave que ça), mais c'est quand même 10 secondes. Depuis quelques temps, si je visite un site d'une importance secondaire pour moi et qu'il me balance une vérification Cloudflare, je zappe.
2) Impression générale
Ça a l'air pas mal, mais comme je suis nul en design, mon avis ne compte pas trop !
3) Bouton pour télécharger une extension
Ça fait peur. Je ne clique pas ! C'est sûr qu'après, tu fais ce que tu veux de mon ordi, non ?
Accessoirement, je suis allé sur un site qui s'appelle ExtensionPedia et qui donne une note de risque aux extensions. Le bon point est que tu y es répertorié, le mauvais est que ta note est passable.
4) Test du 500 (on réduit la fenêtre à 500 px de large et on constate les dégâts)
Résultat apparement nickel, bravo !
5) Test des deux 500 (on réduit la fenêtre à 500 px de large, on lui colle un zoom à 500% et on constate les dégâts)
Oui, je sais, là, c'est un test horrible ! Mais je l'adore !
Ça m'a permis de voir tout de suite que quand ton contenu dépasse horizontalement, la partie qui dépasse devient inaccessible. Ce n'est pas très gênant que le contenu dépasse pour les petites largeurs de fenêtres (en l'occurence, ça survient sur ton site vers 260px de large avec un zoom à 100%, ce qui est vraiment petit), mais il faut qu'il reste accessible au moins avec une scrollbar.
Note au passage que quelqu'un qui a un téléphone de moins de 520px de large (c'est à dire une grosse partie des téléphones) et qui zoom à 200% parce qu'il a une mauvaise vue, ou qu'il a juste oublié ses lunettes, sera concerné.
6) Nombre de <div> dans ton code html
En vérifiant vite fait, j'en ai trouvé une quarantaine. C'est plutôt pas trop mal. Y en a qui n'hésitent pas à en avoir 10 fois plus dans leur page d'accueil (on se demande comment ça peut fonctionner). Plus il y a de <div>, plus le code html est pourri en général (avis personnel).
On gagne beaucoup en terme de qualité de code à tenter de réduire ce nombre de <div>, car ça oblige à utiliser les balises html appropriées partout où on le peut.
Evidemment, si on utilise un framework, on est refait.
7) Y a du rouge dans la console quand on inspecte la page. À corriger !
8) L'outil lighthouse qu'on a sur Chrome quand on inspecte un site te donne des notes correctes pour la Performance, l'Accessibility et les Best Practices, mais pas pour le SEO. C'est un bon exercice de faire remonter ces notes (ils expliquent tout dans leur rapport d'audit).
Amicalement,
