Skip to content

Instantly share code, notes, and snippets.

@seballot
Last active May 6, 2017 06:21
Show Gist options
  • Save seballot/a79c44800c21c0908a571774d4ae0725 to your computer and use it in GitHub Desktop.
Save seballot/a79c44800c21c0908a571774d4ae0725 to your computer and use it in GitHub Desktop.
Quelques retours sur communecter

Etant développeur, je vois bien sûr le travail énorme derrière communecter ! Je m'attarde juste ici sur les critiques (que j'espère constructive) mais évidemment j'aurai plein de truc positif à dire (mais c'est moins constructif :p)

Performances

Analyse de la page https://www.communecter.org/#default.live

Peut être que ça a beaucoup changé depuis sur co2, donc je dis peut être des trucs qui ont déjà été fait (et ce serait tant mieux!)

La page pèse 2.8MB, ce qui est vraiment beaucoup sachant que vous n'avez pas beaucoup d'images.

Javascript -> 60 fichiers pour un total de 781Kb Css -> 51 fichier pour un total de 165Kb

Faire autant de requete fait perdre du temps au serveur, pourquoi ne pas concaténer ces fichiers javascript et css? La plupart des fichiers ne sont pas non plus compressé, pour quelle raison? vous pourriez facilement tomber à un truc du genre

Javascript -> 3 fichiers 150Ko Css -> 2 fichiers 50ko

vos "font" sont lourdes : 3 font pour un total de 300Ko. Pas moyen de trouver plus léger?

Images : 83 requetes pour un total de 1.3Mo... Alors qu'il y a peu d'images sur le site

  • Je vois que les tiles de la carte mapbox sont chargées... alors que la carte n'est pas visisble ! et qu'en plus les tiles se chargent avant de charger les contenu de la page visible... Pourquoi ne pas charger les tiles ainsi que les libs de la carte au moment ou on l'affiche? pour info les tiles représentes (avec ma résolution d'écran) 858Ko et 72 requetes !
  • les tiles de mapbox que vous utilisez sont en plus très lourde (30Ko pour certaines), pour comparaison les miennes font 500Bytes (et pourtant je prend aussi sur mapbox, vous avez fait des custom sur vos fond de carte?)
  • Aucune des autres images ne sont regroupées (même pas les icones) et vos images sont également bien lourde, genre 274Ko pour le "headmug.png". vous faites d'optimisation avec image magick ou autre?

Lorsque je recharge la page, la majeure partie est sauvée en cache, sauf que je me retape presque 1Mo de tiles mapbox... dommage ! Et même lorsqu'on switch d'un epage à l'autre, on a encore des tiles qui se télécharge, c'est vraiment dommage !

Les popups de chargement

Je les trouve personnellement très désagréable ! On a vu que y'avait beaucoup à charger sur la première page, mais après ça va les ouverture des autres pages ne sont pas excessivement longue (je précise, j'ai une connnexion lente, du coup je ressent bien bien les temps de chargement :p) Et pourtant, même quand c'est rapide, y'a une popop qui apparait. ça donne vraiment une impression désagréable de rapidité. En fait y'a même pas que la poop : y'a aussi la bare de titre qui affiche un "chargement" avec un spinner, et quand on arrive sur la page parfois en bas y'en un petit aussi. Pire, sur co2 le bouton "c'est trop long" incite vraiment notre cerveau à se dire que c'est trop long et donner une impression désagréable.

Perso je pense donc que vous devriez diminuer ces infos "chargement". Quelques idées :

  • virer le pop chargement
  • garder le "chargement" dans la barre de titre
  • 500ms après un click pour changer de page, mettre un léger overlay pour faire comprendre que l'action a bien été prise en compte. Mettre une transition sur l'opacité de l'overlay du genre .5 ou 1s pour que ça rende le truc plus fluide
  • si le temps de chargement dépasse 2seconde, là pourquoi pas afficher un spinner central, mais si possible assez discret

De même sur le module network, dès qu'on click sur un filtre y'a une pop de chargement qui apparait (et de même elle apparait même si le chargement est très court)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment