Je cherchais depuis un bout de temps un service parfait de partage de billets sur les réseaux sociaux : ce genre de service que l’on met en bas de chaque billet, par exemple via un script, et qui, via un liste déroulante, vous permet de partager tel ou tel billet sur les sites du Web2.0 que vous aimez. Bon, il faut savoir que j’ai testé quand même pas mal de trucs, et que je n’en étais jamais complètement satisfaits.

J’ai testé le home-made, c’est à dire de mettre en bas de chaque billet des images pointant vers les sites des réseaux sociaux, avec le pattern d’URL qui va bien pour que le service enregistre que vous voulez publier tel ou tel nouveau status, contenant le titre de votre billet, mais aussi l’URL raccourcie de votre billet (pour cela j’utilisais un plugin, mais je ne me souviens plus de son nom, je vous renvoie donc vers ce billet). Pour être honnête, cette solution n’était pas si mal, mais comme je méttais cinq ou six réseaux sociaux qui comptent à mes yeux (Twitter, Facebook, LinkedIn, Viadeo, Delicious), et bien ça faisait 5 requêtes de plus pour l’affichage de chaque page (pour aller chercher ces images). J’ai bien évidemment essayé les sprite-CSS, mais sans succès pour l’instant (je dois être faché avec les sprites, ou bien mon thème est pourri jusqu’à la moelle, car je ne parviens jamais à les mettre proprement en place). Bon, au final, cette solution n’étais pas trop mal car entièrement personnelle (je savais exactement comment elle fonctionnait, et j’étais assez content de cela). Mais pas forcément très rapide.

J’ai testé le plugin AddToAny sur WordPress, mais je l’ai vite retiré, ne me demandez pas pourquoi ; il y avait une bonne raison (possible que ce soit l’absence d’intégration d’une URL raccourcie, mais c’est à vérifier).

Wikio et ShareThis

J’ai ensuite testé le Widget Wikio, mais de ce que je me souviens, on ne pouvais pas paramétrer l’ordre d’affichage des réseaux sociaux. De plus, en affichant plusieurs billets sur une page, avec plusieurs boutons de partage, j’avais un bug pour la petite popup de choix des réseaux sociaux (celle-ci ne s’affichant que pour le bouton le plus haut dans la page, alors que je cliquais sur celui le plus en bas). Et puis je suis du genre a bien aimé quand les icônes de partage soient directement visibles pour le lecteurs, afin que celui-ci n’ait pas à comprendre qu’il faut cliquer sur un bouton de partage avant de pouvoir effectivement partager. Cette solution n’est pas restée longtemps.

Je suis passé à la solution ShareThis qui est resté pas mal de temps, même si elle n’étais pas beaucoup mieux que celle proposée par Wikio (elle avait de mieux la possibilité d’ordonner les boutons de partage, et, au début, de publier sur Wikio directement depuis la petite popup qui s’ouvrait en cliquant sur le bouton, ce qui permettait au lecteur de ne pas se faire ouvrir un onglet supplémentaire pour partager le contenu). Cette solution était à peu de choses près la meilleure que j’avais testé. Mais au fil des différentes optimisations, je me suis rendu compte qu’elle me prenait quand même plus de 2 secondes à se charger, sur le temps total de chargement de la page. 2 secondes, soit souvent 60% du temps total, et ce simplement pour un bouton de partage, que peu de gens devaient utiliser (peu en regard du total).

La meilleure solution à l’heure actuelle : Sexy Bookmarks

Screenshot fait sur Chrome, avec las console développeur (Ctrl+Maj+I) sur Chrome

Donc hier j’ai cherché une autre solution, et j’ai testé SexyBookmarks, que j’avais vu sur pas mal d’autres blogs, tels que PapyGeek. Pour être honnête, j’avais peur que cette solution contienne un fichier Javascript bien lourd à charger, qui ralentirait le chargement de la page, tout comme les images utilisées (chaque image représentant potentiellement une requête). Or là, non, contrairement à ce que je pensais : l’image des boutons de partage est une sprite, donc chargement en une seule requête. Le CSS et le Javascript se chargent très rapidement, ce qui fait que le chargement total du plugin me prend à peut près 30 centièmes sur le total d’un billet, comme vous pouvez le voir sur l’image ci-dessous. Imaginez ma satisfaction quandj’ai récupéré un plugin très sympa, car offrant une attractivité de par son ergonomie (les boutons qui « sortent » attirent l’oeil, et donne une impression de ahut niveau technologique au visiteur novice), mais également de part le fait qu’on voit tout de suite les boutons et donc les logos des réseaux sociaux (pas besoin de cliquer sur un lien avant), et enfin, si j’enlève 2 secondes, et que je rajoute 30 centièmes, ça me fait un total de 1,7 secondes de perdues au total sur le chargement des pages, ce qui est toujours très très bon à prendre !

Donc, si vous aussi vous cherchez à optimiser le temps de chargement de vos pages (évidemment le mieux étant de ne rien mettre), je vous recommande SexyBookmark.