4 extensions gratuites pour accélérer ton site en quelques minutes [Tuto]

Tu fais fuir tes visiteurs si ton site se charge lentement. C’est rédhibitoire sur mobile.

fuite visiteurs

Je te rassure les actions que je te présente sont concrètes sans aucun aspect technique.

Accélère, dès aujourd’hui, ton site avec ces 4 extensions spécialisées dans l’optimisation des sites WordPress.

picto articles intermediaires

Intermédiaire

Avant de te lancer, je te suggère de réaliser un test de vitesse avec deux outils en ligne gratuits.

Teste la vitesse de ton site

Il est important de valider l’impact des extensions sur ton temps de chargement.

Les tests sont rapides à exécuter. Pourquoi se priver ?
Tu referas le test après la mise en œuvre.

  • Se connecter sur pingdom
  • Compléter l’url de ta page d’accueil
  • Modifier le lieu du test pour Stockholm
  • Bouton Start Test

pingdom page d'accueil

Tes résultats se trouvent en dessous :

pingdom résultats

Mon temps de chargement est d’1,73 secondes. Ma page d’accueil charge plus vite que 75% des pages testées.

Si ton temps de chargement est inférieur à 2 secondes, c’est parfait. S’il dépasse 5 secondes, cela commence à devenir un sérieux handicap.

Nous débutons par un aspect malheureusement trop souvent négligé.

Réduis le poids de tes images

Les images sont ta priorité numéro un très loin devant toutes les autres. Si tes images ne sont pas dimensionnées à la largeur de ton site et optimisées, cela ne sert à rien d’aller plus loin pour l’instant.

Je traite cette question dans l’article Crée tes images où j’aborde le dimensionnement et l’optimisation des images.

Charge tes images au dernier moment

Note : J’utilisais BJ lazy load qui fonctionnait parfaitement mais il n’est pas compatible avec l’AMP.

A3 Lazy load gère le chargement des images. Elles s’affichent au fur et à mesure de la lecture.

Cela n’aura pas d’impact sur la qualité de lecture mais ta page sera disponible plus rapidement en particulier si tu rédiges des articles longs et abondamment illustrés.

  • Rechercher A3 Lazy load dans les extensions
  • L’installer et l’activer

extension a3 lazy load

  • Tu laisses les options par défaut. Elles conviennent à la grande majorité des sites.

Supprime les éléments inutiles

WP Optimize nettoie WordPress des anciennes sauvegardes automatiques des articles, des commentaires supprimés…
Ton WordPress est allégé ce qui favorise la vitesse de ton site.

  • Rechercher WP Optimize
  • L’installer et l’activer

logo de wp optimize

Avant de réaliser une optimisation, tu dois sauvegarder ton site. Je n’ai jamais rencontré le moindre problème. Cependant, quand l’extension te le conseille fortement, c’est toujours une bonne idée de s’y conformer.

Note : Cette extension est couplée avec UpdraftPlus. Tu peux cocher “Faites une sauvegarde” pour qu’elle soit exécutée automatiquement.

Tu retrouves l’accès aux options de WP-Optimize dans le menu de gauche.

  • Cocher toutes les cases
  • Bouton Run all selected optimizations en haut

réglages de wp optimize

Je réalise cette opération une fois par mois après ma sauvegarde.

Note : penser à regarder dans les commentaires en indésirable avant de lancer l’optimisation (accessibles directement par lien dans la liste). De plus, les sauvegardes intermédiaires des articles seront éliminées.

Tu visualises l’avancement des optimisations.

Résultats obtenus avec wp optimize

Pré-charge ton site

Ton site se recharge et effectue tous les calculs d’affichage systématiquement à chaque visite. C’est inutile. Tu ne modifies pas tes pages en permanence.

Cache Enabler va créer un cache.  Il s’agit d’une page pré-chargée mise à jour uniquement quand tu réalises une modification. Les calculs sont réalisés une seule fois en amont. Ton site est ainsi plus réactif.

  • Rechercher Cache Enabler
  • L’installer et l’activer

installer Cache Enabler

Compresse ton site

Autoptimize optimise et centralise le HTML, les CSS et les JavaScripts.

Note : Béatrice a observé des modifications dans l’affichage de son thème suite à l’installation d’Autoptimize. Ce ne devrait pas arriver avec Twenty Seventeen. Cependant, tout rentre dans l’ordre lors de la désactivation de l’extension.

  • Rechercher Autoptimize
  • L’installer et l’activer

installer et activer autoptimize

  • Retrouver Autoptimize dans les extensions
  • Cliquer sur Réglages

réglages autoptimize

  • Cliquer sur Show Advanced Settings
  • Cocher :
    • Optimiser le code HTML
    • Optimiser le Javascript
    • Optimiser les CSS

autoptimize options

Onglet Extra

  • Cocher Combiner et lier dans l’en-tête du HTML dans Google Fonts si tu les utilises
  • Bouton Enregistrer les modifications

autoptimize onglet extra

Conclusion

J’ai sélectionné ces outils pour leur simplicité de mise en œuvre couplée à une redoutable efficacité.

Tu as désormais de bonnes bases pour séduire tes visiteurs.

Partage les résultats obtenus avant/après dans les commentaires.

De nombreux autres facteurs influencent la vitesse de ton site :

  • La qualité de l’hébergement
  • Les outils utilisés
  • Le thème sélectionné…

Quand ton site sera une source de revenus conséquents, il sera toujours temps de chasser la demi-seconde avec des professionnels, d’investir dans un hébergeur de luxe et dans des extensions payantes.

Accélère facilement ton site à l'aide de 4 extensions qui ne nécessitent aucune connaissance technique.

 

Des articles qui peuvent te plaire

Retrouve tous les articles pour Créer seul ton site

bannière de la newsletter de pour pas un rond version bleu-vert

Ressources

J’ai utilisé le comparatif de l’article : 6 Best WordPress Caching Plugins Compared pour sélectionner l’extension de cache.

 

Découvre des extensions gratuites et simples à installer pour accélérer ton site et diminuer la vitesse de chargement.

Résumé
4 extensions gratuites pour accélérer ton site en quelques minutes [Tuto]
Article
4 extensions gratuites pour accélérer ton site en quelques minutes [Tuto]
Description
Booste la vitesse de ton site avec 4 extensions complémentaires très faciles à paramétrer. Retrouve le tutoriel pas à pas.
Auteur
Publié par
pour pas un rond
Logo

4 réponses sur “4 extensions gratuites pour accélérer ton site en quelques minutes [Tuto]”

  1. Bonjour Jean et merci pour ce tuto qui m’a permis en effet de réduire un peu le chargement de mon site (4,6 –> 3,17 s). Je regarderai ultérieurement pour optimiser les images.
    Pour info, l’extension Autoptimize a générer sur mon site des modifications importantes de CSS (couleurs et fonts), j’ai préféré donc la désinstaller et tout est rentré dans l’ordre !

    1. Bonjour Béa,

      Cela fait plaisir d’avoir de tes nouvelles. Je vais ajouter une note dans l’article concernant Autoptimize.

      Tu as amélioré ta vitesse de 30 % et tu es proche des 3 secondes. C’est une bonne performance.
      Quand tu auras un peu de temps, tu pourras t’attaquer aux images les plus volumineuses. Mais ton temps de chargement n’est pas trop élevé.

      A bientôt,
      Jean

    1. Bonjour Sylvie,

      Je te remercie de partager cette excellente nouvelle. Je suis heureux que tu es réussie à obtenir un aussi bon résultat.
      Je suis certain que tes lecteurs apprécieront.

      A bientôt,
      Jean

Laisser un commentaire

You have to agree to the comment policy.