Connaissez-vous le point commun entre Usain Bolt, Snoop Dogg et Katy Perry ? La chanson ? Perdu. Ils courent tous le 100m en moins de 10 secondes ? Perdu aussi. Allez, je vous aide.
Figurez-vous que ces 3 stars planétaires utilisent toutes un slider sur la page d’accueil de leur site officiel (qui en plus, tourne sous WordPress) ! Eh oui, au passage, pour ceux qui pensaient que notre célèbre CMS n’était réservé qu’aux blogs : perdu.
Revenons-en à nos moutons : les sliders. On les appelle également slideshows, ou diaporamas, en français. À leur sujet, vous entendrez même parfois parler de carrousels.
Ah, les fameux sliders. Ils sont encore très à la mode et on les retrouve sur de nombreux sites. D’ailleurs, ils sont souvent embarqués sur une grande majorité de thèmes.
Un slider par-ci, un slider par-là. Ça bouge, c’est dynamique. Bref, c’est super.
Problème : les diaporamas ne font pas l’unanimité auprès des spécialistes (webdesigners, SEO, développeurs etc.), et des utilisateurs.
Prenez Stéphane, par exemple. Voilà ce qu’il nous a expliqué sur Facebook, après l’appel à témoignages lancé par Alex sur les sliders : “Moi, j’en utilise, et je pense qu’un bon slider accompagné d’un bon design accroche plus et attire plus.”
Derrière son écran, Laurent a dû s’arracher les cheveux. Lui pense que “c’est une mode qui s’avère peu productive […] Le slider et le carrousel, ce sont des éléments pour faire plaisir au développeur, mais pas fonctionnels pour l’expérience utilisateur.”
Pour essayer de démêler le vrai du faux, je vais creuser la question et tester 10 extensions de diaporamas. Je vous dévoilerai même la meilleure. Sans plus attendre, voici le sommaire.
- I – Vraiment utile, un slider ?
- II – Les 10 meilleurs plugins de sliders sur WordPress
- III – Test de performance
- IV – Et le vainqueur est…
I – Vraiment utile, un slider ?
1 – Des diaporamas accusés, des professionnels divisés
Sur la Toile, il existe de nombreux avis négatifs à propos des diaporamas. L’idée n’est pas de vous décourager de les utiliser. Cela peut s’avérer pertinent, à condition de respecter certaines règles. Notre test de 10 plugins vous aidera à choisir les meilleurs. Néanmoins, ayez en tête certaines informations avant de trancher :
- Les sliders peuvent ralentir votre site, à cause d’images non optimisées (trop lourdes). Du coup, l’expérience utilisateur s’en trouve affectée, tout comme votre SEO… Eh oui, une page qui se charge lentement, Google n’aime vraiment pas ça. Alors autant éviter de pénaliser votre site.
- Ils peuvent être mal codés et charger des tas de fichiers pour rien.
- Ils sont parfois compliqués à utiliser.
- Ils ne sont pas toujours responsive : c’est-à-dire qu’ils ne s’adaptent pas sur tous types de supports, comme les smartphones ou les tablettes.
Grâce à Bastien, qui nous a aussi donné son avis sur Facebook (merci Bastien !), je suis tombé sur ce site très utile : Dois-je utiliser ? Il met notamment en avant que :
- “1% des utilisateurs seulement cliquent sur un élément (du slider). Sur ces 1%, 89% auront cliqué sur celui en première position.”
- Les sliders posent des problèmes en termes d’accessibilité.
Chez WPMarmite, Alex vous a expliqué sur Facebook qu’il ne trouvait pas ça “très pertinent, car ça cache de l’information aux visiteurs.”
Il y a quelques années, il avait interviewé plusieurs spécialistes à ce sujet. Jonathan Boyer, blogueur sur Grafikart, indiquait que les sliders “sont utiles si on a des contenus à mettre en avant, mais inutiles s’ils ne consistent qu’à afficher les 10/20 derniers articles.”
Gaétan Weltzer, blogueur sur Design Spartan, précisait que “les sliders sont utiles s’ils sont bien utilisés et correctement mis en place […] Il faut surtout bien veiller à garder en tête les contraintes ergonomiques qui accompagnent les sliders, comme par exemple montrer le nombre de slides ou permettre de revenir en arrière (ou en avant) manuellement à l’aide de flèches, de boutons ou de liens intégrés.”
Et puis, il y a les anti-sliders. Peep Laja, créateur de l’excellent site ConversionXL (en anglais), spécialisé sur les sujets liés à la conversion, publiait l’été dernier un article au titre évocateur : “N’utilisez pas de sliders.”
Pour lui, ce sont des outils anti-conversion, c’est-à-dire qu’ils empêcheraient vos visiteurs de passer à l’action (ex : télécharger un ebook, acheter un produit, s’abonner à une newsletter etc.). Voici les principaux reproches faits aux diaporamas :
- Ils détournent l’attention en vous faisant vous focaliser sur des choses inutiles.
- Ils délivrent trop de messages à la fois.
- Ils ressemblent à des bannières publicitaires, donc les gens n’y prêtent pas attention.
Là, vous devez vous demander : “Est-ce que je dois balancer mon super-slider-qui-tue aux oubliettes ?”
Pas forcément.
2. Doit-on utiliser un slider WordPress ?
Oui, à condition de respecter certaines règles
Les sliders ont pas mal de détracteurs, c’est vrai. Mais tout n’est pas forcément à jeter chez eux. Si vous souhaitez les utiliser, conformez-vous à certaines bonnes pratiques. Christophe Natolot, directeur Artistique Digital à Canal-web, recommande de n’utiliser que “2-3 slides maximum”, de placer “le slide important en première position”, ou encore de désactiver “le slide automatique”.
Dans son article “How to Make Sliders Not Suck” (Comment faire pour que vos sliders ne soient pas pourris), le webdesigner Andrew Searles préconise de “ne pas mettre d’information vitale dans un slider”, de “rester simple” (pas plus de 2 boutons, pas d’effets de transition complexes etc.), et de n’utiliser “qu’un type de contenu par slider”.
Quelques cas concrets
Si vous respectez ces règles, un slider pourrait vous servir pour :
- Afficher des photos et/ou des vidéos pour illustrer une galerie photo, un portfolio etc.
- Présenter des témoignages clients.
- Mettre en avant des offres/des produits.
- Dévoiler vos derniers articles.
- Exposer les logos des entreprises avec lesquelles vous travaillez.
Désormais, découvrez sur quel cheval miser pour appliquer au mieux tous ces conseils. Indice : ce n’est pas forcément le plus populaire.
Hébergez votre site chez o2switch
Faites comme WPMarmite, choisissez o2switch. Non seulement les performances sont au rendez-vous mais le support est exceptionnel.
II – Les 10 meilleurs plugins de sliders sur WordPress
Après tout ce que je viens de vous dire, vous êtes toujours décidé à installer un diaporama sur votre site ? Vous recherchez un slider WordPress gratuit et responsive ?
Pour répondre à vos besoins, j’ai testé 10 extensions. Cinq d’entre elles figurent parmi les plus installées sur le répertoire officiel.
Je vous en présenterai aussi cinq payantes, parmi les plus vendues sur la plateforme Code Canyon.
Sachez que tous les plugins ci-dessous fonctionnent avec des shortcodes. Grâce à cela, vous pourrez insérer vos diaporamas où bon vous semble (articles, pages, widgets, etc.).
Note : par mesure de transparence, nous tenons à vous préciser que les liens vers les extensions payantes présentées dans cet article sont des liens d’affiliation. C’est-à-dire que WPMarmite touchera une commission si vous souscrivez à une licence en passant par nos liens.
1. Meta Slider
Installations actives : 800 000+
4 millions de téléchargements, plus de 800 000 installations actives : Meta Slider est tout simplement LE slider le plus populaire sur le répertoire officiel WordPress.
Développé par la Team Updraft, conceptrice de l’excellente extension de sauvegarde UpdraftPlus, ce plugin promet de créer “un slider original, optimisé pour le SEO, en quelques secondes”.
La déclaration d’intention fait saliver. Voyons voir ça de plus près.
Les bons points de Meta Slider
- Extrêmement simple à utiliser. Pour implémenter un slider sur votre site, comptez une trentaine de secondes.
- Un menu clair, épuré et dépourvu de toute option inutile. Et parfaitement traduit en français.
- La possibilité d’agir sur le SEO de chaque image (titre, balise alt).
- Le nombre de thèmes proposés, ce qui multiplie les possibilités de personnalisation.
- Le design particulièrement réussi.
- Le responsive. Meta Slider s’adapte parfaitement sur tablettes et smartphones.
J’ai moins aimé
Pas grand-chose à lui reprocher. Peut-être un temps de chargement plus long que certains de ses concurrents. Rendez-vous dans la Partie 3 pour consulter notre test de performance.
Prix
La version gratuite répondra déjà à pas mal de besoins. Elle est utilisable sur un nombre de sites illimités. Sachez qu’il existe aussi plusieurs versions payantes. La première démarre à 39$/an (31€), pour une utilisation sur 2 sites.
Elle permet notamment d’intégrer des vidéos, incorpore la navigation par thumbnails (images miniatures) et, surtout, un éditeur de diapositive WYSIWYG (What you see is what you get) en temps réel.
Récap’express
J’ai beaucoup apprécié cette extension. Petit bémol, néanmoins : si les sliders sont très importants pour vous ou votre business, vous devrez sûrement vous tourner vers la version payante pour éblouir vos lecteurs.
2. Master Slider
Installations actives : 100 000+
“Le slider tactile WordPress le plus populaire.” Voilà un slogan explicite avec un bénéfice client clairement affiché. Avec cette extension, on se doute que l’utilisation sur smartphones et tablettes va avoir quelque chose de différent, par rapport à la concurrence.
Cette option de balayage – passage d’une image à une autre avec les doigts – est l’une des agréables caractéristiques de cette extension (mais elle n’est pas la seule à la proposer). Il y en a pas mal d’autres à découvrir, et aussi des choses à redire 😉 On y va sans plus attendre.
Les bons points de Master Slider
- Des templates de slides préenregistrés (8 au total) qui permettent de gagner du temps dans le processus de création de son propre slider.
- La possibilité d’incorporer des thumbnails (images miniatures) sur ses diapositives. Regardez ci-dessous.
- L’extension peut se mettre en cache pour gagner en vitesse de chargement.
- Les nombreuses options.J’ai apprécié le drag and drop (glisser-déposer) pour déplacer ses diapositives. Ou encore la navigation tactile : sur tablettes et smartphones, un balayage permet de passer d’une diapositive à une autre.
- La prévisualisation au niveau de l’administration.
- L’intégration d’une vidéo sur une diapositive, même si ce n’est pas direct (il faut appuyer sur le bouton play pour lancer la lecture).
J’ai moins aimé
- Une extension non traduite en français. Notez que si le plugin a été correctement conçu, vous pouvez pallier ce problème en utilisant l’extension Loco Translate, par exemple.
- Un menu de réglages très fourni, à l’intérieur duquel on finit par un peu se perdre. Cela manque d’intuitivité et rend l’extension plus difficile à utiliser. Notamment pour créer son propre slider (custom slider) en partant de zéro.
- Un léger temps de chargement lorsque l’on choisit un template de slider (l’extension télécharge une dizaine de photos qui servent de canevas pour créer votre propre slider).
- Sur petit écran, smartphone notamment, le responsive laisse à désirer. Plutôt dommage, pour un “touch slider”.
Prix
Master Slider est disponible gratuitement sur le répertoire officiel. La version pro coûte 24$/an (19€/an). Son gros avantage est la présence de plus de 90 templates de slides.
Récap’ express
Cette extension propose de nombreuses options en freemium, ce qui reste appréciable. Cependant, elle n’est pas toujours facile à utiliser, ce qui la rend moins intuitive que Meta Slider, par exemple.
Smart Slider 3
Installations actives : 100 000+
Ce qui frappe en premier, avec cette extension, c’est sa notation : 5 étoiles. Sur le répertoire officiel, on ne compte quasiment pas de mauvaise appréciation la concernant. C’est assez rare pour être souligné. Et cela donne un premier indicateur de sa qualité.
L’interface graphique présente sur les images de présentation met aussi l’eau à la bouche.
Sans oublier le pitch de présentation : “Smart Slider 3 possède toutes les caractéristiques que vous êtes en droit d’attendre de la part d’un plugin slider gratuit.”
Vraiment ? Assurons-nous d’en avoir le cœur net.
Les bons points de Smart Slider 3
- Une interface de réglages intuitive et simple à prendre en main. Un tableau de bord présente 2 options majeures : “Nouveau diaporama” et “Bibliothèque de modèles”. Au moins, on va droit au but.
- Un tutoriel vidéo de 8 minutes pour maîtriser au mieux le produit.
- Une extension 100% responsive.
- Un nombre d’options quasi illimité, même sur la version gratuite. Vous pourrez aller jusqu’à intégrer des vidéos dans les diapositives, modifier l’opacité de vos slides, voire customiser le placement et la couleur des petites bulles permettant de changer de diapositive ! Et ce n’est que la partie cachée de l’iceberg.
- Un design réussi.
- Traduction en français.
- Une bibliothèque de 8 superbes modèles prêts à l’emploi.
- Sans oublier le clou du spectacle : un éditeur visuel de diapositive où vous pouvez notamment ajouter, en temps réel, un titre, du texte, un bouton, une image, etc. Vous cherchez un slider WordPress avec du texte ? Foncez !
J’ai moins aimé
Pour lui chercher des noises, je dirais l’abondance d’options. On peut tellement faire de choses que cela en devient presque déconcertant.
Les prix des versions payantes (de 35$ à 250$/de 30€ à 220€).
Prix
La version gratuite autorise énormément de choses. En mode pro, les prix débutent à 35$ (30€), pour un seul nom de domaine, mais les options sont gigantesques (ex : une bibliothèque de plus de 100 diaporamas prêts à l’emploi).
Récap’express
En freemium, cette extension propose un nombre d’options jamais vues chez ses concurrents. Pour moi, il s’agit du meilleur slider WordPress de ce test. Même certains plugins payants ne peuvent pas se targuer d’être aussi complets !
En plus, l’extension se manie très facilement et permet des rendus magnifiques.
Slider by WD
Installations actives : 80 000+
Web Dorado, le développeur de Slider by WD, m’avait laissé un bon souvenir. Il y a quelques mois, j’avais apprécié un de leurs plugins, testé pour un article sur Instagram et WordPress. J’étais donc impatient de découvrir leur création dédiée aux sliders.
Cette fois, ça s’est un peu moins bien passé. Je vous explique pourquoi en vous faisant revenir au collège.
À cette époque, je parie que vous aviez horreur de passer à l’oral, n’est-ce pas ? Surtout après le premier de la classe. Vous savez, celui qui plombe l’ambiance parce qu’il sait tout et s’attire les louanges du professeur.
Et bien Slider by WD a eu la malchance de vivre ce moment tragique. Je l’ai testé juste après Smart Slider 3… Pas de chance. Quand on a goûté au caviar, difficile de manger des œufs de lompe, ensuite.
Pour autant, cela ne fait pas de ce plugin un cancre. Voyons pourquoi.
Les bons points de Slider by WD
- La timer-bar : une barre de chargement, sur votre image, permet de voir le temps qu’il reste avant la diapositive suivante. Un gadget que les autres n’ont pas.
- Un menu de réglages compréhensible. Mais cela s’explique en partie par le manque d’options.
- Une extension parfaitement responsive.
- Son temps de chargement.
- La possibilité d’importer des mises en page déjà préconçues. L’idée est bonne, mais indisponible en version gratuite…
J’ai moins aimé
- Par rapport à ses concurrents “gratuits”, un nombre d’options clairement limitées. J’ai cliqué sur pas mal de boutons pour avoir souvent la réponse suivante : “This functionality is disabled in free version” (Vous ne pouvez pas utiliser cette fonctionnalité dans la version gratuite). Message subliminal : passez à la version pro.
- Absence de traduction en français.
Prix
Plusieurs versions pros sont proposées. Elles s’étalent de 20$/an (16€) pour une utilisation sur un nom de domaine, à 40$/an (32€/utilisation illimitée).
Évidemment, vu les maigres options présentes en gratuit, on trouvera quand même de quoi personnaliser un peu plus en y mettant le prix (ajout de vidéos, effets parallaxe, ajout de transitions etc.).
Mais en sachant que Smart Slider 3 fait, à quelques détails près, aussi bien pour 0 euro : libre à vous de décider si vous souhaitez mettre la main au porte-monnaie.
Récap’express
Si vous désirez mettre en place un slider tout simple, sans avoir à réfléchir aux options, pourquoi ne pas vous tourner vers Slider by WD. D’autant que, niveau vitesse, c’est un tout bon. Sinon, très clairement, optez pour l’un de ses concurrents gratuits, qui s’avère bien plus complet.
Nivo Slider
Installations actives : 30 000+
Ce plugin ne rivalise pas, niveau installations, avec des mastodontes comme Meta Slider ou Revolution Slider. Au moment du test, Nivo comptait 30 000 installations actives.
Je l’ai intégré à cet article car il est pas mal ressorti au cours de mes recherches, de façon positive. Au passage, sachez que ce plugin compte quand même plus de 3 millions de téléchargements !
Il m’a aussi intrigué par son positionnement. Themeisle, son développeur, précise que Nivo “n’est pas l’extension du marché qui comporte le plus d’options (comme Revolution Slider ou Layer Slider), mais si vous avez juste besoin d’un slider responsive qui fonctionne, testez-le !” C’est parti !
Les bons points de Nivo Slider
- Facilité d’utilisation : un menu avec 19 réglages basiques, un shortcode, et basta !
- Rapidité dans la mise en place.
- Une extension responsive.
- Un design sobre.
- Le slider le plus rapide de ce test.
J’ai moins aimé
- Le manque d’options, même s’il s’agit d’un positionnement assumé par les développeurs dès le départ. Par exemple, vous ne pourrez pas définir précisément la taille de votre diaporama (la taille des diapositives se base sur le format de vos images WordPress). Si vous voulez du matos, il faudra passer sur la version payante. Ou aller voir ailleurs.
- L’extension n’est pas traduite en français.
Prix
Vous trouverez gratuitement la version “Lite” de Nivo Plugin sur le répertoire WordPress. Elle s’apparente à une version de démonstration pour vous amener à “basculer” sur la version payante. Cette dernière démarre à 39€/an pour une utilisation sur un site.
Récap’express
Si vous êtes pressé et souhaitez un slider sur-le-champ, sans trop réfléchir à la personnalisation, Nivo Slider est fait pour vous. On regrettera quand même les prix assez élevés des versions payantes (de 39€ à 129€/an). Dommage.
Slider Revolution
Horrible à utiliser, lent, surcoté : ah, qu’est-ce que j’ai pu entendre comme commentaires négatifs, à son sujet ! Quand je l’ai interrogé sur Slider Revolution, Florian, un développeur et collègue de la Marmite, m’a par exemple lancé : “Je déteste l’utiliser.”
Ça promettait ! Avec près de 240 000 ventes sur CodeCanyon, Revolution Slider reste pourtant le plugin le plus acheté. Il est tellement célèbre qu’il est embarqué sur de nombreux thèmes. Mérite-t-il autant de défiance ?
Il faut dire qu’en 2014, ce plugin a souffert d’une faille qui a rendu vulnérable des milliers de sites.
De plus, il fut très compliqué de mettre tous ces sites à jour car Revolution Slider était souvent inclus dans de thèmes vendus sur Themeforest. Or, ces thèmes n’incluaient pas les mises à jour pour les plugins de sliders qu’ils intégraient.
Enfin bref, ce fut un sacré bazar à l’époque. Donc méfiez-vous des thèmes qui incluent des plugins “gratuitement”. Mieux vaut les acheter et renseigner leurs licences pour bénéficier des mises à jour.
Les bons points de Revolution Slider
- Les multiples options : si vous souhaitez animer vos slides, vous n’allez pas être déçus : une centaine d’effets (parallaxe, fade, balayage, Ken Burns, zoom, etc.) sont proposés.
- Intégration de vidéos possible.
- Un éditeur de diapositives avec une timeline intégrée pour gérer vos animations.
- La possibilité de charger les fichiers css et javascript uniquement sur les pages où est implémenté le shortcode. Ainsi, on évite de ralentir son site inutilement.
- La galerie de templates prêts à l’usage. Il y en a près de 40, pratique pour trouver l’inspiration.
J’ai moins aimé
- Un menu “usine à gaz”. On peut tout faire et c’est justement ça le problème. On ne sait plus où donner de la tête, tellement il y a d’onglets.
- Une prise en main pas évidente, notamment pour l’éditeur de diapositives. C’est un outil qui se rapproche presque d’un éditeur vidéo, mais un petit tour dans la documentation s’impose pour bien le cerner.
- Des performances très mitigées. Niveau vitesse, Slider Revolution s’est classé avant-dernier de notre test.
Prix
Cette extension payante coûte 25$ (20€). L’offre contient les mises à jour futures et 6 mois d’assistance.
Récap’express
Slider Revolution déclenche 2 sentiments. La satisfaction d’abord, car elle propose énormément d’options. On se dit que l’on est paré pour créer le slider de l’année.
D’un autre côté, elle génère de la frustration car elle manque d’intuitivité. Créer un slider doit rester simple, et elle rend le processus assez complexe.
Cependant, une fois qu’on l’a bien pris en main, ce plugin peut se montrer efficace. Personnellement, je lui préfère Smart Slider 3, Meta Slider ou encore Nivo Slider, qui sont gratuits.
Slider by Soliloquy
Installations actives : 80 000+
Un incontournable. Il se présente comme “l’extension de diaporama WordPress la plus rapide du marché”.
Si vous avez lu attentivement les recommandations du début de l’article, vous savez qu’un temps de chargement rapide est important pour l’expérience utilisateur et le SEO.
Soliloquy a placé la plupart de ses efforts sur ces 2 plans. En 2015, Chris Lema, un éminent spécialiste américain de WordPress, avait testé les performances de plusieurs sliders. Verdict : Soliloquy était arrivé en tête.
Vous découvrirez dans la partie III que notre propre test, mené sur une des versions payantes de l’extension, n’a pas du tout donné les mêmes résultats ! On peut déjà vous dire que Soliloquy a tiré la langue 😉
Les bons points de Soliloquy
- L’interface utilisateur. Le menu de réglages est simple et visuel. Les options ne sont pas aussi importantes que chez certains concurrents, mais les plus essentielles sont là.
- La fonction drag and drop : vous pouvez glisser-déposer vos photos directement sur votre slider.
- La rapidité et la facilité pour créer un diaporama : à peine 2 minutes sont suffisantes, en comptant les réglages.
- 100% responsive.
- Possibilité de customiser le code CSS.
J’ai moins aimé
- Impossible de prévisualiser le slider après l’avoir créé.
- Le manque d’options. Par exemple, il existe seulement 2 thèmes dans la première version payante. C’est très peu, par rapport à certains concurrents. Si vous souhaitez personnaliser votre diaporama, il faudra vous offrir des extensions assez chères (voir ci-dessous).
- La première version payante (19$/15€). Elle n’offre que très peu d’améliorations (support, un widget Soliloquy etc.) par rapport à la version gratuite. L’investissement ne vaut pas forcément la peine.
- L’extension n’est pas traduite en français.
- Le temps de chargement. Réputé pour ses performances, Soliloquy s’est classé 7e (sur 10) à notre test.
Prix
Vous pouvez télécharger la version gratuite sur le répertoire officiel. Pour une optimisation plus poussée et personnalisée, il faudra ajouter des add-ons (extensions), compris dans les versions pros.
Quitte à investir, tournez-vous au minimum vers la solution à 49$ (40€). Le meilleur compromis reste la version à 99$ (80€), qui comprend toutes les extensions (tous les thèmes, possibilité d’ajouter un carrousel, une lightbox, des thumbnails etc.). Renseignez-vous bien à cette adresse avant de trancher.
Récap’express
Malgré la liste d’inconvénients – non rédhibitoires, selon moi-, Soliloquy est une extension efficace. Si vous tenez à un rendu visuel agréable, à des options minimalistes, elle sera parfaite. Même en gratuit. En revanche, on regrette devoir débourser au moins 99$ pour profiter de toutes ses possibilités de personnalisation.
Apprenez le CSS une bonne fois pour toutes
Créez des sites au rendu impeccable sans y passer des heures avec CSS Express.
Royal Slider
Land Rover, Coca-Cola : ces deux marques utilisent une version – customisée – de Royal Slider sur leur site internet.
Du coup, je me suis dit que la qualité devait être au rendez-vous. Royal Slider est quand même l’une des extensions les plus vendues sur CodeCanyon dans sa catégorie (près de 28 000 ventes).
Les bons points de Royal Slider
- Une interface épurée. L’extension ne nous submerge pas avec une tonne d’options. Le menu paraît austère et déconcerte un peu, de prime abord, mais la navigation reste aisée grâce au positionnement des réglages sur la colonne de droite. Au final, on s’en sort facilement
- Les nombreuses vidéos explicatives qui aident à se familiariser avec l’extension.
- La présence d’un mode de prévisualisation sur l’admin WordPress.
- La possibilité de créer des diapositives avec son propre code HTML, de les éditer avec du texte et d’y lier des vidéos Youtube ou Vimeo.
- Le responsive.
- Un mode plein écran pour visionner son diaporama.
J’ai moins aimé
- L’absence d’un bouton de sauvegarde, lorsqu’on lance la création d’un diaporama. Pensez à cliquer sur “Create slider” rapidement, pour pouvoir ensuite avoir la possibilité de sauvegarder. Sinon, vous risquez de perdre tout votre travail.
- Il est possible de modifier les skins (arrière-plan des templates), à condition de connaître un peu le code CSS et PHP.
- L’extension n’est pas traduite en français.
Prix
Royal Slider coûte 23$ (18 €). Le prix inclut les futures mises à jour et une assistance de 6 mois.
Récap’express
Je m’attendais à une usine à gaz, type Revolution Slider. Force est de constater que son utilisation s’avère plus simple. Je regrette le manque d’intuitivité du plugin par rapport à certains de ses concurrents (Meta Slider, Smart Slider 3, Soliloquy). Mais 18€ pour une version payante, cela reste un bon rapport qualité-prix.
Slider Pro
Lorsqu’il s’agit de se présenter, on essaie toujours de faire bonne figure. Et, souvent, de se vendre au mieux. Ce principe, on le retrouve pour les extensions WordPress. Lorsque vous lisez leur description, avant de les télécharger ou de les acheter, elles ont tendance à vous promettre la Lune, ou à se présenter comme le “plugin WordPress ultime”.
Alors, quand je suis tombé sur l’accroche de vente de Slider Pro (“For elegant and professional WordPress sliders” – “Pour des sliders WordPress professionnels et élégants”), je ne demandais qu’à être séduit. Alors, arnaque ou bonne surprise ?
Les bons points de Slider Pro
- Le design et l’élégance des sliders, très réussis graphiquement.
- Une section dédiée pour personnaliser son code CSS et Javascript et gérer le chargement de ces fichiers.
- La possibilité d’importer des exemples tout prêts en copiant-collant un fichier texte (présent dans un dossier d’installation du plugin).
- Une interface de réglages intuitive avec des boutons bien en évidence pour travailler sur les diapositives.
- Une documentation claire et précise, avec des vidéos explicatives très utiles pour prendre en main l’extension.
- Un plugin responsive.
J’ai moins aimé
Pas grand-chose à signaler, hormis le fait que l’extension n’est pas traduite en français.
Prix
Slider Pro coûte 29$ (23€). Le prix comprend les futures mises à jour ainsi qu’une assistance pendant 6 mois.
Récap’ express
Slider Pro est très agréable à utiliser grâce à son interface facile à prendre en main. L’éditeur de diapositives reste très complet (nombreux ajouts d’effet, système de glissé-déposé), et les options de personnalisation s’avèrent nombreuses, sans que le menu ne soit trop surchargé.
Clairement, on est bien dans l’élégance et l’aspect professionnel promis au départ. Parmi celles que j’ai testées sur Code Canyon, c’est ma favorite.
Layer Slider
Sur CodeCanyon, il y a le champion du monde des ventes : Revolution Slider (plus de 240 000 ventes). Derrière lui, son dauphin se nomme Layer Slider. Au moment d’écrire cet article, le développeur de cette extension revendiquait plus de 75 000 ventes.
Ces deux plugins sont assez similaires dans leur fonctionnement. Ils proposent énormément d’options de personnalisation et un éditeur de slides très poussé.
Avant de découvrir notre oiseau, une petite confidence : j’ai trouvé Layer Slider plus simple à utiliser que Revolution Slider.
Les bons points de Layer Slider
- L’outil de programmation de publication de son slider.
- La possibilité de basculer en plein écran sur chaque slide.
- L’éditeur de skins (arrière-plan, flèches) pour personnaliser l’apparence de son diaporama avec les CSS.
- La bibliothèque de 12 modèles très réussis niveau design, et prêts à être importés.
- L’éditeur de diapos, et ses nombreuses options (transitions, effets, textes etc.), offre la possibilité de configurer chaque slide séparément.
- L’interface de l’extension est agréable à utiliser.
J’ai moins aimé
- Il n’y a pas d’aperçu global du slider avant publication, si on le souhaite.
- L’éditeur de slides est très complet mais il faut s’y acclimater, voire utiliser la documentation, pour en tirer toute la puissance.
- Le design de certains skins pas très réussi.
- Les performances de l’extension. Elle s’est classée dernière à notre test de vitesse.
Prix
Layer Slider coûte 23$ (18,50€). Le prix comprend les futures mises à jour et 6 mois d’assistance.
Récap’express
Layer Slider permet de créer des diaporamas poussés incluant de nombreux effets et animations. Si vous souhaitez personnaliser votre slider, cette extension responsive vous plaira. Néanmoins, il vous faudra sûrement compter un peu de temps pour bien l’utiliser.
III – Test de performance
Pour tester les performances de chaque extension, j’ai pris en compte les critères suivants :
- Service de test utilisé : WebPageTest (en utilisant à chaque fois Strasbourg comme localisation). Prise en compte du critère “fully loaded” (moment où le site est complètement chargé, incluant les scripts externes et applications).
- Site de test hébergé sur un serveur mutualisé d’o2switch.
- Thème WordPress utilisé : Twenty Seventeen.
- Aucune extension activée, sauf celle testée.
- Le slider a une taille de 1200 px/600 px et comporte les réglages activés par défaut.
- Poids des images : 53K, 45K, 37K.
- Chaque slider a été testé sur une page avec 3 paragraphes de texte.
Résultats :
- Nivo Slider (temps de chargement : 1,148s)
- Slider by WD (temps de chargement : 1,277s)
- Smart Slider 3 (temps de chargement : 1,400s)
- Royal Slider (temps de chargement : 1,755s)
- Master Slider (temps de chargement : 1,994s)
- Slider Pro (temps de chargement : 2,039s)
- Soliloquy (temps de chargement : 2,252s)
- Meta Slider (temps de chargement : 2,317s)
- Slider Revolution (temps de chargement : 2,715s)
- Layer Slider (temps de chargement : 3,458s)
Ces résultats permettent d’avoir un premier aperçu, mais ne peuvent être considérés comme un jugement arrêté et définitif. Vous pourriez avoir des données différentes chez vous, en fonction de votre thème, de votre hébergement, ou encore des plugins que vous utilisez.
Et le vainqueur est…
J’espère que vous avez bien saisi mon propos et que vous y voyez plus clair.
À l’issue de ce test, on peut détacher deux grandes familles d’extensions de sliders :
- les extensions “basiques”, qui restent simples d’utilisation : Soliloquy, Nivo Slider, Slider by WD ou encore Meta Slider. Elles se prennent en main, et s’installent très rapidement, mais peuvent s’avérer limitées en terme de personnalisation (en version gratuite, notamment).
- les extensions plus “complètes”, avec énormément d’options mais aussi une prise en main plus complexe (Layer Slider, Smart Slider 3, Royal Slider), voire très complexe (Slider Revolution). Elles vous permettront plus de créativité mais vous prendront (beaucoup) plus de temps à maîtriser.
En cadeau, je vous livre mes podiums :
Pour les extensions “basiques” :
- Meta Slider
- Nivo Slider
- Soliloquy
Pour les extensions “complètes” :
- Smart Slider 3
- Slider Pro
- Royal Slider
Et si je ne devais en choisir qu’une : Smart Slider 3.
Au moment de faire votre choix, pensez à l’intuitivité et aux options proposées. Si vous accordez une importance capitale au temps de chargement, et vous avez raison, Nivo Slider représente aussi un excellent compromis.
Pour conclure, j’aimerais vous poser deux ultimes questions : voyez-vous un intérêt à utiliser un plugin de slider ? Si oui, lequel avez-vous choisi pour votre site ?
Expliquez-moi pourquoi en commentaire et n’hésitez pas à me partager vos trouvailles et vos retours d’expériences.