Zeste de Savoir est mobile friendly pour Google

Hey !

J'ai vu que Google avait mis en place un site permettant de savoir si le moteur de recherche juge que le site est "mobile friendly" ou non.

Il se trouve que les efforts qui ont été effectués sur le front permettent dors et déjà d'avoir une réponse positivé à ce test :

https://www.google.com/webmasters/tools/mobile-friendly/?url=zestedesavoir.com

Bien que je ne contribue plus au développement, je suis content que le projet soit en bonne voie notamment sur mobile

J'ai un léger doute sur les critères de notations de l'outil de google quand même.

Google Analytics ne nous dit pas la même chose, le mode mobile à indice de performances rouge, à 63%…

Yep, on a un site qui marche en responsive, et ça c'est cool.

Et vu qu'en utilisant un outil détaillé on remarque qu'on a une marge de progression qui reste importante, j'invite toute personne qui a des connaissances sur le sujet à venir aider à améliorer tout ceci. On vous attend les bras ouverts !

Cela dit rien de grave hein : globalement ça marche pas mal, et on reste au niveau de nos "concurrents", le principal est là

Le liens fournit par SF, fonctionnel : https://developers.google.com/speed/pagespeed/insights/?url=http://zestedesavoir.com/

C'est un bug connu dans le markdown ça ?

Oui, c'est le : au milieu de l'adresse. En fait c'est un bug de Python-Markdown, pas spécifique à nous.

L'algo se base sur le fait qu'il n'y ait pas besoin de zoomer, pas de scroll horizontal pour lire correctement le site et ce genre de chose. Même s'il n'est pas parfait, le site d'OC est quand même adapté aux mobiles. Je ne dis pas que c'est suffisant, je dis juste que le but de Google est de dire "ce site a été optimisé sur mobile".

Pour revenir à PageSpeed :

• Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison : Impossible pour le CSS, on a déjà tout compressé à fond. Pour le JS il y a possibilité de rajouter l'attribut defer ou async (à méditer).
• Exploiter la mise en cache du navigateur : mauvais réglage du serveur
• Afficher en priorité le contenu visible : je pense que c'est pété à cause de la popin des cookies
• Optimiser les images : on a déjà fait de gros efforts sur le front pour ça. Les images incriminées sont issues du back-end ou de MathJax
• Réduire la taille des ressources HTML : configuration back-end / serveur
• Dimensionner les éléments tactiles de manière appropriée : Google se plante car il ne gère pas les superpositions de couches. On est bons à ce niveau.

Sur cette page on a des recommandations et bonnes pratiques.

Bon de toute façon on va pas se battre, il y a probablement plus urgent que ça. Le site est exploitable sur mobile, c'est déjà suffisant.

Globalement ça marche bien sur mobile. Le seul truc qui m'emmerde, c'est le comportement "je charge la page, puis j'affiche tout en gris anthracite et j'attends quelques secondes avant de réafficher le texte avec sa mise en forme normale". C'est un peu chiant quand on passe rapidement de page en page. Si vous ne voyez pas de quoi je parle, je vous ferai une vidéo, c'est pas mon domaine je ne peut pas vous donner l'explication technique de ce que j'observe.

Je plussoie mille fois Natalya (en plus quand on a une connexion en carton c'est souvent plus de quelques secondes).

Autre chose qui me parait pénible : quand je suis sur un topic et que je veux retourner sur la liste des topics de ce forum (« L'association » par exemple) je suis obligé de faire :

• Clique bouton menu ;
• Forums ;
• Scroll ;
• Clique sur le forum.

Je trouve ça un peu long et pas très accessible.