Dans les deux premières parties de cette série, nous avons examiné la mise en cache, l’optimisation de la base de données, la compression, la minification et l’utilisation d’un CDN avec nos sites Web WordPress. Dans cette dernière partie, nous allons parler de l'optimisation des images et de l'utilisation de WordPress avec bon sens..
Commençons!
Il est très probable que les images de vos pages constituent les ressources les plus importantes de votre site Web téléchargées par les visiteurs. À bien y penser, il est évident que nous devrions être intelligents pour télécharger et utiliser des images dans nos pages. Cela signifie deux choses:
C’est là que les techniques d’optimisation d’images entrent en jeu.
Dans ce chapitre, nous allons passer en revue des méthodes manuelles et automatiques d’optimisation d’image..
Si vous êtes comme moi et souhaitez contrôler le plus possible vos images, optimisez-les manuellement. Il existe littéralement des centaines de techniques et d'applications d'optimisation d'image pour différents formats d'image (principalement des JPEG et des PNG). Je recommande deux:
Personnellement, j'aime travailler manuellement plutôt qu'automatiquement. Je prépare et retouche mes images dans Adobe Photoshop, enregistre mes images "pour le Web" en qualité 100%, puis ouvre JPEGmini pour les JPEG et RIOT pour les PNG afin de réduire la taille du fichier..
Si vous ne voulez pas vous occuper de tout le travail manuel, vous pouvez utiliser des solutions automatiques. Il existe des options côté serveur comme Kraken PRO et JPEGmini Server, mais nous allons nous concentrer sur deux plugins très utiles pour une utilisation quotidienne (ou même des tâches lourdes):
Mettre à jour: Il semble que Yahoo! arrêté maintenu Smush.it, de sorte que le plugin ne compresse pas vos images à partir de la version 1.7.1.1. Le plugin ne sera pas abandonné, bien que les développeurs du plugin aient annoncé qu'ils réparaient le plugin:
Selon des rapports non officiels mais assez fiables, Yahoo a cessé de maintenir Smush.it :( Cependant, tout n’est pas perdu! Nous travaillons comme des maniaques ici à WPMU DEV pour vous offrir une expérience de smushing gratuite, plus fiable et meilleure, construite à partir de notre version du plugin et dans la prochaine mise à jour, nous espérons l’avoir à votre disposition très bientôt… en attendant, restez avec nous, ça en vaudra la peine, promis.
Même si vous prenez tous les conseils de cette série, appliquez chaque morceau de code et utilisez tous les plugins mentionnés, vous pouvez quand même ne pas accélérer votre site web. Voilà pourquoi cette section est la pièce la plus importante de toutes: le bon sens.
Qu'est-ce que je veux dire par "sens commun"? Surtout "être prudent et prudent", mais laissez-moi élaborer.
Optimisez votre site web tout ce que vous voulez; mais si les performances de votre serveur sont médiocres, celles de votre site Web seront médiocres. C'est pourquoi vous devez choisir judicieusement.
J'ai vu de nombreux thèmes WordPress - gratuits et payants - magnifiques, mais codés à la lettre. Des thèmes WordPress attrayants mais mal codés peuvent être l’un des principaux responsables d’un site Web WordPress lent. Vous devez soit choisir parmi des thèmes axés sur la performance, soit créer votre propre thème WordPress (ou le faire créer)..
Vous pourriez demander: "Comment suis-je censé savoir à quel point un thème est optimisé?" mais ce n'est pas difficile, en fait. Sélectionnez un thème, puis analysez les pages de démonstration (et pas seulement la page d'accueil!) Dans GTmetrix pour afficher leurs résultats Google PageSpeed et Yahoo! YSlow marque, et avec quelle efficacité les actifs se chargent avec la vue "Chronologie". En ce qui concerne la charge du serveur, vous n'avez pas grand chose à vérifier si vous ne pouvez pas le tester vous-même et vous devez compter sur des plugins de mise en cache..
Celui-ci est une évidence: si un plugin charge des actifs ou effectue des opérations de base de données dans le front-end, remettez en question sa nécessité. Si vous n'en avez pas vraiment besoin, éliminez-le.
Vous pouvez également exécuter un test de performance sur des plug-ins avec le plug-in P3 (Plugin Performance Profiler) et voir quels plug-ins nécessitent beaucoup de ressources..
Celui-ci est un peu cliché-c'est pourquoi c'est la dernière information de cette série-mais cela ne veut pas dire que c'est faux: vous devoir garder tout mis à jour et sécurisé.
À l'ère de l'information, servir de l'information rapidement est essentiel. Nous ne pouvons pas supporter quoi que ce soit qui ne répond pas rapidement - nous sentons que notre temps est gaspillé. Et nous parlons ici de secondes et de millisecondes. Ce n'est pas forcément une bonne chose, mais dans un monde comme celui-ci, nous devons le jouer à la lettre..
Il y a beaucoup d'articles sur l'amélioration de la vitesse dans WordPress, mais je voulais créer quelque chose de différent. Lors de la préparation de cette série en trois parties, j’avais une chose en tête: écrire contenu à feuilles persistantes sur l'accélération de WordPress. Bien sûr, il y aura de meilleurs plugins ou des techniques plus intelligentes, mais le fait de rendre WordPress plus rapide devrait rester le même, du moins jusqu'à ce que nous entrions dans l'âge quantique. J'espère que vous avez aimé le lire autant que j'ai aimé le faire.
Avez-vous quelque chose à ajouter? Partagez vos pensées avec nous en commentant ci-dessous. Et si vous avez aimé cette série, n'oubliez pas de partager les articles avec vos amis.!