Accélérer WordPress Optimisation de l'image

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!

Optimisation des images dans WordPress

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: 

  1. Nous devons utiliser les images avec parcimonie.
  2. Nous devons garder les tailles d'image petites. 

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..

Optimisation manuelle de l'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:

  1. JPEGmini est une excellente application qui optimise vos fichiers JPEG avec un algorithme d'optimisation intelligent et "avec perte". Il n'a pas de paramètres (ce qui est une déception), mais il fait un très bon travail en réduisant la taille des fichiers (au moins 30%). Il vient dans les applications Windows et Mac, avec un service Web.
  2. RIOT (outil d'optimisation d'image radicale) est un outil d'optimisation ancien mais très efficace pour Windows. Il peut traiter les fichiers JPEG, PNG et GIF avec différents algorithmes. Je l'utilise pour optimiser mes fichiers PNG. Bien que ses outils d’optimisation PNG soient plutôt lents (en particulier sur les gros fichiers PNG), il fait parfaitement son travail..

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..

Optimisation automatique des images avec les plugins WordPress

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):

  • WP Smush.it: En tant que plug-in d'optimisation d'image le plus populaire pour WordPress, WP Smush.it exécute automatiquement chaque image que vous téléchargez via l'API de Smush.it et compresse vos images avec un algorithme avec perte. Vous pouvez également optimiser en masse vos images existantes, ce qui est un énorme avantage.
  • EWWW Image Optimizer: Bien qu’il ait certainement un choix excentrique pour un titre, EWWW Image Optimizer est celui que j’aime le plus en termes d’optimisation d’image. Cela fonctionne parfaitement, mais vous pouvez affiner certains paramètres avancés pour en tirer le meilleur parti. Tous les algorithmes utilisés (jpegtran, optipng, pngout et gifsicle) sont des algorithmes sans perte, ce qui signifie qu’ils ne modifieront pas les pixels mais réduiront la taille de vos images en recodant et en nettoyant les fichiers. Cela n'optimisera peut-être pas les images comme WP Smush.it, mais si vous ne supportez pas les optimisations avec perte, EWWW Image Optimizer est votre mec.

Utiliser WordPress avec Common Sense

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.

Choisir un fournisseur d'hébergement décent

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.

  • Ne vous contentez pas de vérifier combien de giga-octets d'espace et de bande passante promis, consultez également les spécifications matérielles du serveur..
  • Choisissez un forfait d'hébergement qui convient à votre site Web. Si vous avez un site Web de commerce électronique populaire, n'utilisez pas de forfait d'hébergement partagé..
  • Et plus important encore, recherchez sur le Web et lisez certaines critiques de l'entreprise: comment se passe leur temps de disponibilité? Comment est le service clientèle?

Choisir (ou créer) un thème WordPress de qualité

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..

Réduire les plugins

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..

Protégez et actualisez WordPress, les plugins et les thèmes

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é.

  • Pour ce qui est de se tenir au courant, il n’ya pas grand chose à dire: il suffit de mettre à jour.Rester à jour peut accélérer votre site Web, car les développeurs de base, de plugins et de thèmes travaillent constamment pour rendre leur code plus efficace..
  • En ce qui concerne la sécurité, vous pouvez trouver divers plugins de sécurité dans WordPress.org. Assurez-vous de les consulter, de comparer leurs avis et d’utiliser celui qui vous convient le mieux. Garder votre site Web sécurisé n'accélérera pas votre site Web, mais il peut maintenir la vitesse de votre site Web si (ou quand) votre site web est attaqué.

Le final de la série

À 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.!