Cet article peut contenir du matériel obsolète

Ces instructions d’optimisation s’appliquent à la version héritée de GTmetrix.

Un guide étape par étape pour optimiser votre installation WordPress.

Aperçu

Beaucoup de nos utilisateurs utilisent WordPress en tant que CMS ou plateforme de blog. Avec de nombreux plugins, il est facile de créer un site Web entièrement fonctionnel avec de nombreuses fonctionnalités intéressantes. Cependant, ces plugins peuvent mettre des fichiers CSS et JavaScript supplémentaires dans votre en-tête, ce qui peut affecter les performances de votre site Web (ainsi que les résultats PageSpeed ​​et YSlow).

Quel est le score de votre site WordPress?

Nous avons répertorié quelques plugins et rédigé des recommandations pour nos utilisateurs de WordPress à la recherche d’aide pour l’optimisation.

Noter: Ces plugins résolvent principalement les problèmes d’optimisation frontale. Si votre site prend encore beaucoup de temps à se charger, une optimisation améliorée du serveur ou du code back-end fera une réelle différence. En savoir plus sur notre Service d’hébergement WordPress.


(Première étape facultative) Installez et activez GTmetrix pour WordPress

Utilisez ce plugin pour créer un Devant Instantané de vos performances WP.

Alternative: Connectez-vous et analysez votre site Web sur GTmetrix.com. Vous pouvez mieux les suivre avec des graphiques historiques.

Noter: Nous travaillons actuellement sur une mise à jour de maintenance pour GTmetrix pour WordPress. Bien qu’il n’ait pas été mis à jour depuis un certain temps, il a été testé et fonctionne toujours pour la dernière version de WordPress (4.7.5 au moment de la rédaction de cet article), à ​​l’exception de quelques problèmes de formatage mineurs.

Entrez votre clé API GTmetrix

Une fois que vous l’avez installé, entrez le vôtre Clé API depuis votre compte GTmetrix sur la page Paramètres (vous devez être inscrit pour générer une clé API).

Testez votre page d’accueil

Ensuite, visitez « Tests » et cliquez sur le bouton « Tester votre page d’accueil maintenant » sous le module « Dernière évaluation de la page d’accueil ».

Rapport de domicile généré

Un rapport avec les notes PageSpeed ​​et YSlow sera créé pour la page d’accueil de votre site WordPress. Ça t’appartient Devant Performance.


Étape 1) Installez et activez UpdraftPlus

Il est important que vous sauvegardiez votre installation WordPress avant de l’optimiser (et régulièrement!). UpdraftPlus fournit un moyen simple et efficace de sécuriser l’ensemble de votre installation WordPress, y compris votre base de données, vos plugins, vos thèmes, vos téléchargements, etc.

a) Sauvegardez votre installation WordPress

Dans la section « Paramètres » de votre barre latérale WordPress, vous avez accès à une nouvelle option de menu appelée « Sauvegardes UpdraftsPlus ».

Cliquez sur « Sauvegarder maintenant » pour créer une sauvegarde complète de votre installation WordPress.

Cliquez sur « Sauvegarder maintenant » – une fenêtre contextuelle apparaîtra. Assurez-vous que les options « Inclure la base de données dans la sauvegarde » et « Inclure les fichiers dans la sauvegarde » sont sélectionnées.

Assurez-vous de sauvegarder à la fois votre base de données et vos fichiers.

Cliquez sur « Sauvegarder maintenant » – UpdraftPlus créera une sauvegarde complète de votre installation WordPress. Si quelque chose ne va pas avec l’optimisation, ou si votre installation est piratée ou endommagée, vous pouvez utiliser vos sauvegardes pour la restaurer.

C’est tout pour les paramètres d’UpdraftPlus!


Étape 2) Mettez vos images à l’échelle (facultatif)

Si votre rapport GTmetrix le montre Servir des images à l’échelleSuivez ce guide sur lequel nous vous avons écrit comment optimiser les images – spécial Étapes 2 à 4.

WordPress vous permet d’insérer des images plus petites en fonction de ce que WordPress a généré pour vous.

Essayez d’insérer une image plus petite lorsque vous déclenchez l’avertissement « Fournir des images mises à l’échelle ».

Fondamentalement, vous ne souhaitez pas fournir d’images dont les dimensions sont plus grandes que ce que votre utilisateur doit afficher. En savoir plus sur l’optimisation des images ici.


Étape 3) Installez et activez WP Smush (Compression et optimisation d’image Smush)

Dans la section « Médias » de votre barre latérale WordPress, vous aurez accès à une nouvelle option de menu appelée « WP Smush ».

Dans cette section, assurez-vous que la fonction « Flouter automatiquement les images lors du téléchargement » est activée. Le plugin optimisera désormais chaque image que vous téléchargez à partir de maintenant depuis que vous l’avez activée.

Assurez-vous que l’option « Flouter automatiquement les images lors du téléchargement » est cochée et cochez les tailles d’image que vous souhaitez optimiser.

Ensuite, vous pouvez supprimer toutes les images de votre médiathèque en cliquant sur « Bulk Smush 50 Attachments ». (La version gratuite du plugin est limitée à la suppression en masse de 50 pièces jointes à la fois. Vous devrez revoir cette page et supprimer en masse les 50 pièces jointes suivantes).

Cliquez maintenant sur Bulk Smush pour compresser les images de votre bibliothèque multimédia

C’est tout pour WP Smush! Pour plus d’informations sur les options telles que l’optimisation des images en dehors de votre médiathèque, consultez la nôtre Comment optimiser les images: un guide pratique Articles.


Étape 4) Installez et activez WP Fastest Cache

Dans la barre latérale, vous verrez une nouvelle option appelée « WP Fastest Cache ».

a) Activez les paramètres suivants:

  • Système de cache
    • Activez la mise en cache pour une livraison de page plus rapide.
  • Assignation
    • Lorsque vous cliquez dessus, une fenêtre contextuelle apparaîtra vous indiquant les pages à mettre en cache.
    • Vérifiez-les tous et laissez les pages par minute à 4 – cliquez sur OK.
    • Vous devrez peut-être réduire ce nombre si votre service d’hébergement se plaint.

Options de préchargement du cache WP Fastest

  • Utilisateurs enregistrés
    • Garantit que lorsque vous vous connectez, vous voyez l’état actuel de vos pages, pas les versions mises en cache.
  • Réduire le HTML *
    • Compresse le HTML et réduit la taille du fichier.
  • Minimiser CSS *
    • Compresse le CSS et réduit la taille du fichier.
  • Combiner CSS *
    • Combine vos fichiers CSS en une seule ressource CSS, réduisant le nombre de requêtes HTTP.
  • Combiner JS *
    • Combine vos fichiers JavaScript en une seule ressource JS, ce qui réduit le nombre de requêtes HTTP.
  • Gzip
    • Continuez à compresser vos pages afin qu’elles puissent être téléchargées plus petites et plus rapidement.
  • Mise en cache du navigateur

WP Fastest Cache – Tous les paramètres activés

Cliquez sur «Soumettre» lorsque vous avez terminé.

C’est tout pour les paramètres de cache WP Fastest!

Notes IMPORTANTES

Minimisation et combinaison

La réduction et la combinaison de HTML / CSS / JavaScript peuvent affecter les fonctionnalités de votre site Web. La minimisation passe essentiellement par vos scripts et supprime les données redondantes telles que les commentaires, le formatage, les espaces et d’autres choses que les ordinateurs n’ont pas besoin de lire. Lors de la combinaison, le contenu de chaque script individuel est combiné en un seul script.

Comme ces processus modifient les données, ils dégradent parfois les fonctionnalités en raison de fautes de frappe, d’erreurs de syntaxe, de noms de fonctions en double, etc.

Assurez-vous de vérifier la fonctionnalité de votre site après avoir activé les fonctionnalités de réduction / combinaison. Si vous constatez que vous rencontrez des problèmes, désactivez toutes les fonctionnalités de réduction / combinaison et réactivez-les une par une pour voir quelle fonctionnalité est à l’origine du problème.

Si votre environnement d’hébergement prend en charge HTTP / 2, aucune combinaison de scripts n’est requise car le protocole HTTP / 2 prend en charge le multiplexage. Cela permet essentiellement plusieurs téléchargements sur une seule connexion TCP (seulement 6 connexions parallèles en HTTP / 1.x.).

Mise en cache de la page

Si vous apportez des modifications majeures au site, telles que B. en ajoutant un plugin ou en changeant le CSS / thème, il est recommandé de vider le cache et de précharger à nouveau pour s’assurer que vous fournissez la dernière version du site. L’option pour effacer le cache dans WP Fastest Cache se trouve dans l’onglet Effacer le cache.

Videz votre cache après des modifications de conception majeures ou l’ajout de plugins globaux.

WP Fastest Cache préchargera automatiquement le cache une fois que vous l’avez effacé. Vous n’avez pas besoin de vider le cache pour les nouveaux contenus tels que les publications ou les pages.


Étape 5) Analysez votre site

Analysez à nouveau votre site Web (via GTmetrix.com ou avec notre plugin) et voyez la différence de performances!

Vous devriez voir des améliorations dans les métriques suivantes:

  • Temps entièrement chargé / temps de chargement
  • Taille totale de la page
  • Demandes
  • Résultats PageSpeed ​​/ YSlow
    • Servir des images à l’échelle
    • Optimiser les images
    • Utilisez la mise en cache du navigateur
    • Minimiser CSS / HTML
    • Activer la compression gzip
    • Faites moins de requêtes HTTP

Votre kilométrage peut varier! En raison de la nature différente des installations WordPress, de l’utilisation des plugins et des environnements d’hébergement, vous ne pourrez peut-être pas influencer de manière significative toutes les métriques ci-dessus. Des éléments tels que les ressources tierces (widgets Facebook, les intégrations YouTube, etc.) et les publicités peuvent toujours avoir un impact énorme sur votre score.


Résumé

Après avoir testé et joué avec de nombreux plugins similaires, nous avons constaté que la combinaison de Cache WP le plus rapide, Mise à l’échelle de l’image et WP Smush fournit le moyen le plus efficace et le plus simple d’améliorer les performances de votre site Web WordPress.

Découvrez la différence dans notre blog de test – Comparaison ici::

Avant et après avoir suivi notre guide d’optimisation WordPress

Si vous avez un blog WordPress, lent ou non, essayez ce guide et améliorez l’expérience utilisateur!

As-tu besoin d’aide? Embaucher un développeur

Votre site WordPress fonctionne-t-il toujours lentement?

Nous vous recommandons de demander l’aide de l’un de nos partenaires d’optimisation. C’est une excellente option pour les propriétaires de sites Web qui souhaitent améliorer les performances mais n’ont pas les compétences techniques nécessaires pour mettre en œuvre des ajustements.

Découvrez nos partenaires ci-dessous:


Avez-vous un site WordPress, Magento ou Zencart au niveau de l’entreprise?

Numinix

Les développeurs expérimentés de Numinix peut offrir aux utilisateurs une excellente expérience de site Web en améliorant la vitesse de votre site Web.

Contactez Numinix dès aujourd’hui


As-tu besoin d’aide? Embaucher un développeur

Fiverr

Nous vous recommandons de trouver de l’aide Fiverr. C’est une excellente option pour les propriétaires de sites Web qui souhaitent améliorer les performances mais n’ont pas les compétences techniques pour mettre en œuvre des ajustements.

visite Fiverr, créez un compte et recherchez un service d’optimisation de la vitesse qui convient à votre plateforme, qu’il s’agisse de WordPress, Magento, Shopify, Squarespace, Opencart, etc.

Trouvez un expert pour vous aider avec votre site Web dès aujourd’hui



Source link

Recent Posts