Toutes les extensions incontournables pour WordPress en un clin d'oeil !
Gardez toujours la liste des plugins incontournables WordPress avec vous ! GrĂące Ă ce plan, il vous suffit d’un clic pour accĂ©der Ă la liste de votre choix.
- Les extensions incontournables pour WordPress – 1Ăšre partie (SĂ©curitĂ©)
- Les extensions incontournables pour WordPress – 2Ăšme partie (SEO et sauvegarde)
- Les extensions incontournables pour WordPress – 3Ăšme partie (Newsletter, Formulaires et Multi-lingue)
- Les extensions incontournables pour WordPress – 4Ăšme partie (Gestion des performances de son site internet)
- Les extensions incontournables pour WordPress – 5Ăšme partie (WooCommerce)
- Les extensions incontournables pour WordPress – 6Ăšme partie (Elementor)
Bienvenue dans la quatriÚme partie de ce nouvel article par Walk The Line !
Cette fois-ci, nous nous pencherons sur les extensions incontournables pour optimiser les performances de son site WordPress.
Voici donc les différents points abordés :
Comment optimiser les performances de son site web ?
Vous est-il dĂ©jĂ arrivĂ© de naviguer sur un site web dont le chargement des pages Ă©tait extrĂȘmement lent ? Si oui, alors vous avez probablement mis fin Ă votre navigation avant mĂȘme de trouver ce que vous recherchiez. Vous nâĂȘtes pas les seuls puisquâon estime Ă 40% le taux de visiteurs quittant un site web prenant plus de trois secondes Ă charger. Si ce chiffre ne reste quâune estimation, il nâen est pas moins Ă©quivoque sur les attentes des utilisateurs.
Quâen est-il de votre site web ? Avez-vous des retours de vos clients dessus ? Connaissez-vous la vitesse de chargement de vos pages ?
Si vous ne pouvez pas rĂ©pondre Ă ces questions, il existe un outil simple et gratuit pour vous y aider. Il vous permet dâobtenir des axes dâamĂ©lioration pour les performances de votre site web. Il vous suffit de rentrer lâadresse de votre site sur le site Google Page Speed Insights.
Vous constaterez que les rĂ©sultats vous sont dĂ©taillĂ©s. Vitesse de chargement de la page, ergonomie mobile, poids des images, etc. Ces indications vous seront utiles pour connaĂźtre vos axes dâamĂ©lioration.
Fast Velocity Minify
Fast Velocity Minify est un plugin WordPress qui vous sera utile pour optimiser les performances de votre site web. En minifiant vos fichiers CSS et JavaScript, vous allĂ©gez le poids de votre page. La concatĂ©nation de ces fichiers permet de rĂ©aliser lâenvoi de ces fichiers en une seule requĂȘte au lieu de plusieurs, ce qui fait gagner du temps de chargement.
1/ Télécharger l'extension Fast Velocity Minify
2/ Activez l'extension
Rendez-vous dans vos extensions ajoutĂ©es via Extensions > Extensions installĂ©es. Ici, cherchez âFast Velocity Minifyâ et cliquez sur âActiverâ.
3/ Réglages
Concernant les rĂ©glages de lâextension Fast Velocity Minify, cochez la derniĂšre option de âFunctionnalityâ afin dâamĂ©liorer la compatibilitĂ© de lâextension avec les constructeurs de page.
Laissez le paramĂštre suivant sur âauto detectâ si vous nâavez pas recours Ă un CDN. Dans le cas contraire, il se peut que vous deviez cocher âforce https urlâ si votre site est bien sĂ©curisĂ© par un certificat SSL.
Dans âHTML optionsâ, cochez la derniĂšre option et la seconde pour âFont optionsâ.
Dans âGoogle Fontsâ et âFont Awesomeâ, choisissez la premiĂšre option. Pour âCSS Optionsâ, choisissez âPreserve the order of CSS filesâ, âDisable the print related stylesheetâ et âinline css in the footerâ.
Ne cochez pas les paramĂštres JavaScript, ni les suivants.
Avec Fast Velocity Minify, vous pouvez dâores et dĂ©jĂ voir du mieux dans vos performances de site, notamment au niveau de la vitesse dâaffichage des Ă©lĂ©ments.
Autoptimize
Autoptimize est une alternative Ă Fast Velocity Minify. Il a lâavantage dâĂȘtre trĂšs lĂ©ger et de gĂ©rer le cache du site ainsi que le lazy loading, câest-Ă -dire le chargement diffĂ©rĂ© des images. Avec plus dâun million dâinstallations actives, Autoptimize est un plugin dâoptimisation pour WordPress trĂšs rĂ©pandu. Et il a donc notre prĂ©fĂ©rence đ
1/ Télécharger l'extension Autoptimize
Pour cela, rendez-vous dans votre back office WordPress (tableau dâadministration) puis dans Extensions > Ajouter, via le menu latĂ©ral, Ă gauche. Recherchez ensuite âAutoptimizeâ.
2/ Activez l'extension
Pour cela, rendez-vous dans votre back office WordPress (tableau dâadministration) puis dans Extensions > Ajouter, via le menu latĂ©ral, Ă gauche. Recherchez ensuite âAutoptimizeâ.
3/ Réglages
Laissez les derniĂšres options activĂ©es. Ăventuellement, vous pouvez dĂ©cocher la derniĂšre option si Autoptimize interfĂšre avec votre constructeur de pages, pour vos utilisateurs connectĂ©s.
Enfin, cochez âChargement diffĂ©rĂ© des images ?â pour activer le Lazy Loading. Cette option fera que vos images seront chargĂ©es progressivement, en suivant la navigation de vos utilisateurs, et non en une seule fois.
Comme vous pouvez le voir, les rĂ©glages dâautoptimize sont simples et rapides. Vous constaterez Ă©galement quâils sont efficaces ! Si vous dĂ©sirez pouvoir gĂ©rer plus amplement vos paramĂštres de cache et de lazy loading, nous vous invitons Ă jeter un Ćil au plugin de gestion de cache WP Rocket.
Smush
Les images jouent un rĂŽle considĂ©rable dans le poids des pages web. En effet, en moyenne 21% du poids dâune page web est dĂ» aux images ! Dimensions trop grandes, compression absente ou encore mauvais format sont responsables du grand poids de vos images. Avec Walk the Line et Smush, apprenez Ă le rĂ©duire simplement !
1/ Télécharger l'extension Smush
Pour cela, rendez-vous dans votre back office WordPress (tableau dâadministration) puis dans Extensions > Ajouter, via le menu latĂ©ral, Ă gauche. Recherchez ensuite âSmushâ.
2/ Activez l'extension
Rendez-vous dans vos extensions ajoutĂ©es via Extensions > Extensions installĂ©es. Ici, cherchez âSmushâ et cliquez sur âActiverâ.
3/ Réglages
Depuis le tableau de bord Smush, dans âBulk Smushâ, descendez pour voir les options de compression de vos images.
Activez lâoption âAutomatic compressionâ pour que Smush compresse automatiquement les images que vous importez dans votre mĂ©diathĂšque WordPress.
Smush est un plugin Freemium. Sa gratuitĂ© est limitĂ©e et est dĂ©terminĂ©e par la quantitĂ© de mĂ©dias que vous optimisez. Plus vos mĂ©dias sont lourds et donc, Ă optimiser, moins longtemps durera votre version gratuite de Smush. Pour gagner quelques optimisations, vous pouvez en amont compresser vos images pour que Smush nâait pas Ă trop les rĂ©duire. Pour cela, vous pouvez utiliser le compresseur iloveimg.com. Il vous suffit ensuite dâimporter vos mĂ©dias prĂ©-optimisĂ©s sur votre site web pour que Smush termine la compression.
Vous constaterez trÚs vite que des images compressées et optimisées sont synonymes de meilleures performances !
Imagify
Imagify est une alternative au plugin Smush. A lâinstar de celui-ci, il a pour vocation de rĂ©duire le poids des images en les compressant. Imagify redimensionne Ă©galement automatiquement les images trop grandes.
1/ Télécharger l'extension Imagify
Pour cela, rendez-vous dans votre back office WordPress (tableau dâadministration) puis dans Extensions > Ajouter, via le menu latĂ©ral, Ă gauche. Recherchez ensuite âImagifyâ.
2/ Activez l'extension
Rendez-vous dans vos extensions ajoutĂ©es via Extensions > Extensions installĂ©es. Ici, cherchez âImagifyâ et cliquez sur âActiverâ.
3/ Réglages
Avant toute chose, Imagify vous demandera de rentrer une clĂ© dâAPI. Suivez la marche Ă suivre fournie pour crĂ©er votre clĂ© dâAPI Imagify en quelques clics.
Par dĂ©faut, la compression des images est rĂ©glĂ©e sur âAgressifâ. Vous pouvez le laisser tel quel. Compresser davantage vos images risque de leur faire perdre en qualitĂ©. Si cela peut booster vos performances, vos utilisateurs risquent cependant de ne pas trouver vos mĂ©dias trĂšs attractifsâŠ
Souvenez-vous que les performances doivent optimiser lâexpĂ©rience utilisateur.
Laissez les options âOptimiser automatiquement les images envoyĂ©esâ et âConserver une copie des images dâorigineâ cochĂ©es. Inutile de conserver les donnĂ©es EXIF des images Ă moins que vous ayez rĂ©ellement un intĂ©rĂȘt Ă cela.
Le format WebP est un format dâimage matricielle mis en place par Google ayant pour vocation de remplacer les formats dâimages PNG, JPEG, GIF, etc, en promettant un allĂ©gement du poids des images jusquâĂ 30% de celui-ci.
Cochez donc ce paramĂštre.
Cochez également le paramÚtre de redimensionnement des images trop grandes en définissant le paramÚtre sur 2048 pixels. Cela permettra de redimensionner directement des images dont le format dépasserait celui-ci.
Enregistrez et câest terminĂ© ! Imagify est Ă©galement un plugin freemium, Ă lâinstar de Smush. Une fois votre crĂ©dit mensuel consommĂ©, vous pouvez soit attendre dâen recevoir Ă nouveau le mois prochain, soit dĂ©cider dâactiver une licence pro. Concernant ce point, câest Ă vous de dĂ©terminer si vous avez besoin ou non dâune licence payante. Si vous ajoutez rĂ©guliĂšrement de nouveaux mĂ©dias, alors il sâagit sĂ»rement dâun investissement utile. Autrement, le crĂ©dit mensuel automatiquement allouĂ© peut vous suffire. Nous vous invitons Ă faire lâessai.
WP Rocket
WP Rocket est un plugin de gestion de cache et dâoptimisation des performances pour WordPress. Si celui-ci nâest pas gratuit, il vaut toutefois largement que lâon sây attarde ! Lâextension agit Ă la fois sur le cache navigateur (cĂŽtĂ© client) et sur le cache serveur. Ce nâest pas tout, elle gĂšre Ă©galement le lazy loading, la minification et concatĂ©nation de fichiers, le nettoyage de la base de donnĂ©es⊠Ce petit couteau-suisse complet est en plus une extension française.
1/ Télécharger l'extension WP Rocket
Pour tĂ©lĂ©charger lâextension, il faudra vous rendre sur le site de WP Rocket.
2/ TĂ©lĂ©versez et activez lâextension
3/ Réglages
Cache
Activez le cache pour les appareils mobiles ainsi que le cache utilisateur. Concernant le délai de nettoyage du cache, tenez compte de la fréquence des modifications que vous effectuez sur votre site. Si vous avez tendance à en effectuer réguliÚrement, choisissez un délai court pour garantir un affichage correct à vos utilisateurs.
Dans âoptimisations des fichiersâ, cochez les cases relatives Ă la minification et Ă la concatĂ©nation des fichiers CSS et JavaScript.
Ici, appliquez la mĂȘme logique aux fichiers JavaScript que CSS. Vous pouvez notamment prĂ©ciser quels scripts JavaScript doivent ĂȘtre reportĂ©s.
Lazy Loading
Cochez les deux derniers paramĂštres. Nâoubliez pas de sauvegarder vos modifications avant de poursuivre.
Préchargement
Le prĂ©chargement de vos pages vous sera trĂšs utile et est effectuĂ© en fonction du sitemap. Le prĂ©chargement, comme son nom lâindique, sâeffectue en amont de la visite dâun utilisateur. Câest-Ă -dire quâau lieu quâun utilisateur âtestâ gĂ©nĂšre le cache de votre site lors de la premiĂšre visite de celui-ci, on effectue cela nous-mĂȘme.
Cochez donc tous les paramĂštres, sans oublier âActiver le prĂ©chargement des liensâ.
Votre base de donnĂ©es, au fur et Ă mesure des rĂ©visions, brouillons et contenus corbeillĂ©s a besoin dâĂȘtre nettoyĂ©e. Pour lâallĂ©ger sans risquer dây causer des dommages irrĂ©mĂ©diables, vous pouvez cocher ârĂ©visionsâ et âcontenus de la corbeilleâ. En cliquant sur âsauvegarder et optimiserâ en bas de page, vous effectuerez un simple nettoyage de votre base de donnĂ©es.
Walk The Line vous rappelle quâun nettoyage plus poussĂ© doit ĂȘtre fait avec prĂ©caution, en connaissance de cause et toujours avec un backup de votre site WordPress en amont. Si vous ne savez pas comment faire, nous vous conseillons de lire notre article relatif Ă la sauvegarde de site WordPress avant toute opĂ©ration.
WP Rocket est une extension proposant Ă©galement de nombreux tutoriels pour apprendre Ă la paramĂ©trer. Ces rĂ©glages sont ceux que votre agence web utilise. Ils peuvent tout Ă fait ĂȘtre adaptĂ©s Ă vos besoins ! Pour cela, nous vous invitons Ă consulter les tutoriels vidĂ©o WP Rocket ainsi que la documentation WP Rocket pour en apprendre plus.
WP Rocket conclut notre partie consacrĂ©e aux extensions WordPress dĂ©diĂ©es Ă l’optimisation des perofrmances votre site WordPress. Nous verrons prochainement les extensions WordPress indispensables lorsque l’on souhaite crĂ©er sa boutique e-commerce.
D’ici lĂ , si vous avez la moindre question concernant notre article, n’hĂ©sitez pas Ă nous envoyer un message !