Profil Malt
  • Concept
  • Services
    • Site vitrine
    • Site e-commerce
  • Portfolio
  • Blog
  • Contact
  1. Accueil
  2. Création web
  3. Comment accélérer son site internet WordPress, facilement et gratuitement !

Comment accélérer son site internet WordPress, facilement et gratuitement !

Optimisez votre site internet
Publié le il y a 4 ans
Création web

Pourquoi l’optimisation d’un site internet est-elle importante ?

Lors de la création d’un site internet sous WordPress, l’optimisation des contenus visibles et non visibles de vos pages et/ou articles est une problématique importante. Cette optimisation permettra d’améliorer :

  • Le confort de vos visiteurs : selon les dernières études menées, un site qui s’affiche après 3 secondes de chargement implique 57% d’abandon. Chaque seconde supplémentaire de chargement accroît de 7% ce taux. Il est donc très probable que vos visiteurs passent chez la concurrence si votre site est trop lent. De plus, le but des moteurs de recherche, comme Google, est de référencer au mieux les sites internet dits « User Friendly ». En d’autres termes, l’expérience utilisateur est primordiale.
  • Le référencement naturel (SEO) : Google met l’accent sur la vitesse de chargement de vos pages. Nous pouvons notamment citer son projet Open Source « Accelerated Mobile Pages » (AMP) qui permet d’accélérer l’affichage du contenu des sites internet sur les appareils mobiles (smartphones, tablettes). Plus votre site répondra aux bonnes pratiques et recommandations en termes d’optimisation et d’expérience utilisateur, mieux il sera positionné dans les résultats des recherches. Toutefois, n’oubliez pas de vous attarder sur le côté rédactionnel de vos différents contenus. Des contenus de qualité permettront de satisfaire à la fois vos visiteurs mais également les moteurs de recherche…

Dans cet article, nous vous proposons d’améliorer la vitesse d’affichage de votre site internet. Le but n’est pas de vous présenter, de façon exhaustive, l’ensemble des techniques d’optimisation existantes mais plutôt de vous proposer une solution rapide et simple à appliquer sur WordPress.

Nous vous présenterons, dans un premier temps, le diagnostic de performance initial de notre site de test, qui a été établi sur GTmetrix. Ainsi, nous pourrons observer les évolutions et les impacts relatifs aux différentes optimisations appliquées.

Analyser les performances d’un site internet

Configuration de notre site de test

  • Hébergement Pro chez OVH
  • WordPress 5.2.2
  • Thème Impreza 6.2.2
  • Extensions installées : Visual Composer 6.0.5 / Slider Revolution 6.0.7 / WooCommerce 3.6.5 / Share Buttons by AddThis 6.2.6 / bbPress 2.5.14 / Contact Form 7 5.1.3

Par ailleurs, nous avons volontairement intégrer en page d’accueil de nombreux contenus visuels : slider d’images / galerie de produits / galerie d’images

Diagnostic initial des performances 

Capture d'écran GTmetrix

GTmetrix permet d’offrir des informations relatives aux bonnes pratiques d’optimisation via deux indicateurs : PageSpeed (Google) et Yslow (Yahoo). Chacun de ces deux indicateurs détaille les différents critères qui le composent et qui permettent d’établir une notation.

Notre page d’accueil récolte donc la note de 60% sur PageSpeed et 62% sur Yslow. Par ailleurs, elle s’affiche en 4,9 secondes. Comme nous l’avons vu précédemment, ce temps de chargement est trop élevé !

Diagnostiquer son site internet

Nos astuces pour optimiser votre site internet

Supprimer les thèmes et extensions inutiles

La première chose à faire est de nettoyer votre panneau d’administration WordPress. Les extensions et thèmes WordPress que vous n’utilisez pas n’ont aucune raison d’être présents sur votre panneau d’administration. Ces données inutiles vont en effet nuire aux performances de votre site internet puisqu’elles polluent la base de données et certains fichiers CSS ou JavaScript seront chargés inutilement sur vos différentes pages.

Capture d'écran supprimer extensions

Pour supprimer les extensions inutiles sur WordPress, rendez-vous dans le panneau des extensions puis cochez les différentes extensions inutiles. Enfin cliquez sur Supprimer.

Mise en cache du navigateur avec l’extension cache enabler

La deuxième étape consiste à utiliser un système de cache navigateur. Celui-ci consiste à mémoriser certaines données de votre site internet comme vos pages et articles. Ainsi, lorsque vos visiteurs reviennent visiter votre site internet, ces données mémorisées s’afficheront rapidement sans avoir à les recharger ni solliciter votre serveur.

Pour mettre en place ce système de cache navigateur, installez le plugin Cache Enabler. Cache Enabler est un plugin de mise en cache très léger qui accélère votre site internet en générant des fichiers HTML statiques. Après son installation et son activation, configurez le comme suit :

Télécharger l’extension
Capture d'écran Cache Enabler

Lors de votre diagnostic sur GTmetrix, vous retrouverez l’avertissement Leverage Browser Caching, Cet avertissement se réfère à la mise en cache de votre navigateur et plus particulièrement aux entêtes de cache HTTP. Afin de corriger ce dernier, installez l’extension Leverage Browser Caching. Aucune configuration n’est nécessaire. Installez simplement l’extension et activez la.

Minification et lazy loading avec autoptimize

La minification des fichiers HTML, CSS et JavaScript va améliorer les performances de votre site en réduisant la taille des fichiers et des scripts chargés sur votre site internet. Pour cela, l’extension va supprimer les espaces, les commentaires et les sauts de ligne ainsi que les caractères inutiles.

Nous allons également activer l’option Lazy Loading (“chargement paresseux” en français). Cette option ajoute un extrait de code JavaScript supplémentaire à votre site internet pour charger les images uniquement lorsqu’elles sont visibles. Ce chargement différé peut réduire considérablement la vitesse de chargement de votre page si votre site WordPress contient de nombreux visuels comme c’est le cas dans notre exemple.

Afin de procéder à cette minification et activer l’option de Lazy Loading, installez le plugin Autoptimize. Après son installation et son activation, configurez le comme suit :

Télécharger l’extension
Capture d'écran Lazy Loading
Capture d'écran Autoptimize
Capture d'écran Autoptimize
Capture d'écran Autoptimize

Optimisation des images

Les ressources les plus utilisées sur un site internet sont des images. Un des moyens simple pour améliorer le temps de chargement de vos pages est d’alléger le poids de vos images. L’extension que nous allons installer va vous permettre de réduire significativement et globalement ce poids et ce, de manière automatique.

Afin de procéder à l’optimisation de vos images, installez le plugin reSmush.it Image Optimizer. Après son installation et son activation, configurez le comme suit et cliquez sur « Optimiser toutes les images ».

Télécharger l’extension
Capture d'écran ReSmush it

Nettoyage de la base de données

Au fil tu temps, votre site internet WordPress va cumuler une quantité importante de données : modification des fichiers, sauvegardes, pages et articles à la corbeille, révisions, commentaires… Il est donc primordial de supprimer régulièrement ces données inutiles en procédant à l’optimisation et au nettoyage des différentes tables qui composent votre base de données. Une base de données trop lourde risque en effet de ralentir votre site internet.

Afin de procéder à l’optimisation régulière de votre base de données, installez le plugin WP-Optimize. Après son installation et son activation, configurez le comme suit.

Attention, veillez à réaliser une sauvegarde de votre base de données avant de cliquer sur le bouton « Lancer toutes les optimisations sélectionnées ».

Télécharger l’extension
Capture d'écran Autoptimize
Capture d'écran Wp Optimize

Les résultats des optimisations appliquées

Nouveau diagnostic des performances 

Capture d'écran GTmetrix

En suivant ces étapes simples, vous devriez donc obtenir une progression significative en termes de performance de votre site internet ! Ainsi, le référencement naturel (SEO) de votre site internet et la satisfaction de vos visiteurs seront nettement en amélioration.

N’hésitez pas à nous contacter si vous avez des questions ou souhaitez que nous nous occupions de l’optimisation de votre site internet !

Contactez-nous

Partagez cet article en 1 clic !

Matthieu HERMANN
8 articles
Directeur technique chez He-site pas
3 plateformes gratuites d’icônes !
Comment utiliser Google Ads pour générer un taux supérieur de conversion

Urbanloop nouveau site internet

5 juillet 2022

Des bouts de codes ou snippets utiles pour votre site WordPress (Partie 1 : Introduction)

3 mai 2022

Magazine Challenges

1 avril 2022

5 tendances typographiques 2022 !

7 janvier 2022

Articles récents

  • Urbanloop nouveau site internet
  • Des bouts de codes ou snippets utiles pour votre site WordPress (Partie 1 : Introduction)
  • Magazine Challenges
  • 5 tendances typographiques 2022 !
  • Comment masquer les autres méthodes d’expédition lorsque la livraison gratuite est disponible sur WooCommerce ?

Archives

Catégories

  • À propos
  • Animation web
  • Création web
  • Promotion web
  • Trucs et astuces

Nous contacter

Vous avez des questions ou vous souhaitez obtenir un devis gratuit pour la refonte ou la création d’un site internet… ? 🧐

N’hé-sitez pas à nous contacter à l’aide de ce formulaire ! Nous répondrons à votre besoin dans les plus brefs délais.

Malheureusement, nous ne pouvons pas prendre de stagiaires ou d’alternants pour le moment…

Sélectionner une option
Vous devez remplir ce champ
Vous devez remplir ce champ
Vous devez remplir ce champ
Veuillez saisir une adresse e-mail valide.
Vous devez remplir ce champ
16 + 12 = ?
Entrer le résultat de l'opération pour continuer

4,98 / 5 sur 110 avis clients

Profil Malt

Navigation rapide

  • Concept
  • Site vitrine
  • Site e-commerce
  • Portfolio
  • Blog
  • Contact
  • Glossaire

Articles récents

  • Urbanloop nouveau site internet
  • Des bouts de codes ou snippets utiles pour votre site WordPress (Partie 1 : Introduction)
  • Magazine Challenges

Tags

Abonnement Agenda E-learning Refonte Site e-commerce Site vitrine

© 2023 He-site pas

 Mentions légales / Politique de confidentialité / Politique de cookies / Sitemap

Création de site internet à Nancy - Agence web Hé-site pas !
Gérer le consentement des cookies
Nous utilisons des cookies 🍪 pour optimiser notre site web et notre service.
Fonctionnel Toujours activé
Le stockage ou l’accès technique est strictement nécessaire dans la finalité d’intérêt légitime de permettre l’utilisation d’un service spécifique explicitement demandé par l’abonné ou l’utilisateur, ou dans le seul but d’effectuer la transmission d’une communication sur un réseau de communications électroniques.
Préférences
Le stockage ou l’accès technique est nécessaire dans la finalité d’intérêt légitime de stocker des préférences qui ne sont pas demandées par l’abonné ou l’utilisateur.
Statistiques
Le stockage ou l’accès technique qui est utilisé exclusivement à des fins statistiques. Le stockage ou l’accès technique qui est utilisé exclusivement dans des finalités statistiques anonymes. En l’absence d’une assignation à comparaître, d’une conformité volontaire de la part de votre fournisseur d’accès à internet ou d’enregistrements supplémentaires provenant d’une tierce partie, les informations stockées ou extraites à cette seule fin ne peuvent généralement pas être utilisées pour vous identifier.
Marketing
Le stockage ou l’accès technique est nécessaire pour créer des profils d’utilisateurs afin d’envoyer des publicités, ou pour suivre l’utilisateur sur un site web ou sur plusieurs sites web à des fins de marketing similaires.
Gérer les options Gérer les services Gérer les fournisseurs En savoir plus sur ces finalités
Préférences
{title} {title} {title}