10 façons simples d’accélérer le site WordPress [études de cas]
A \/ plus tard, vous verrez si vos actions sont différentes. Honnêtement, parce que je n’ai rien fait d’optimisé la vitesse sur mon site, j’ai un peu peur. Pour évaluer les défis, j’ai utilisé les outils suivants:
Pingdom gtmetrix Google page speed Insights après avoir entré mon URL dans ces sites pour voir leurs commentaires sur la performance du site, le jugement de gtmetrix est assez sévère:
Activer la compression utiliser la mise en cache du Navigateur pour réduire les requêtes http supprimer les images optimisées JavaScript et CSS au – dessus de l’effondrement minimiser CSS et Javascript réduire le temps de réponse du serveur OK, maintenant je sais le problème auquel je suis confronté, la question est combien je peux implémenter. D’abord, il est temps de nettoyer au printemps. Étape 2: une des choses que j’ai remarqué en supprimant les plug – ins inutiles et les sauvegardes de thème était que j’avais trop de fichiers. C’est souvent un signe qu’il y a des plug – ins sur le site que je n’utilise pas vraiment. Le problème à cet égard est que de nombreux plug – ins ajoutent des éléments au titre du site, qui sont chargés chaque fois que quelqu’un demande une vue. Comme nous l’avons vu plus haut, les requêtes http sont l’un des facteurs qui ralentissent vraiment le site, donc ma première étape est de me connecter et de trier la liste des plug – ins.
J’ai supprimé tout ce que je n’avais pas réellement utilisé et désactivé le plug – in
« la dernière version de WordPress, donc je m’en occupe dans le tableau de bord > mise à jour. La mise à niveau est également l’une des principales raisons pour lesquelles les sauvegardes commencent. Dans ce processus, des problèmes surgissent parfois, auquel cas il est préférable d’avoir une copie du site.
Une fois la mise à jour terminée, j’a I fait une vérification rapide au début du site pour m’assurer que tout était comme avant la mise à jour avant de continuer. Évidemment, j’ai aussi besoin d’une mise à jour de thème pour l’utiliser avec la dernière version de WordPress, donc je le fais aussi rapidement. Étape 5: optimiser votre base de données parce que nous avons couvert la moitié de votre site, il est temps de passer à l’autre moitié: la base de données. Si vous lisez notre article sur le nettoyage des bases de données, vous saurez peut – être qu’au fil du temps, il s’accumulera un lourd fardeau. Cela peut ralentir considérablement la récupération des données pour toute demande de site Web.
Pour optimiser la base de données, j’ai utilisé le plug – in d’optimisation WP mentionné dans l’article précédent. Il peut aider à éliminer la surcharge de données et les entrées inutiles dans les tables de base de données, comme les anciens commentaires de poste. Non seulement cela a permis de libérer plus de 200 Mo d’espace dans ma base de données, mais cela m’a aussi fait réaliser qu’un plug – in du site Web était vraiment gonflé et que je devais le remplacer.
Étape 6: optimiser les images dans n’importe quelle page Web, les images sont généralement majoritaires, en particulier celles qui sont entièrement composées d’éléments visuels, comme la page d’accueil de mon site Web. Par conséquent, l’image doit être optimisée autant que possible. C’est aussi l’un des conseils de Google page speed pour mon site Web
Insight, surtout la version mobile. En général, il existe plusieurs façons d’optimiser les images. La première méthode consiste à n’utiliser que la taille de l’image qui doit être affichée sur le site. C’est pourquoi WordPress crée des versions différentes pour chaque image téléchargée afin que vous puissiez l’utiliser le moins possible. La deuxième façon de réduire la taille de l’image est d’utiliser la compression. Cela signifie éliminer les données inutiles. Vous pouvez utiliser un service comme tinypng ou un plug – in comme smoush. Voilà pourquoi. Quand j’ai créé des images avec Photoshop, je les ai compressées. Pour améliorer encore les performances, j’ai décidé de visiter photons. Photon est l’un des modules de jetpack (un plug – in est déjà disponible sur mon site Web), qui promet de fournir aux navigateurs seulement la taille d’image désirée et d’héberger des images sur son réseau de distribution de contenu pour une livraison plus rapide. Je n’ai aucune expérience pratique dans ce domaine, donc il serait intéressant de voir ce qui se passe. Étape 7: la compression est bien activée, maintenant que nous avons couvert toutes les bases, il est temps de commencer plus de travail technique. Tout d’abord, je veux activer la compression Gzip. Comme sur votre ordinateur, cela signifie compresser les fichiers pour les réduire afin que les navigateurs prennent moins de temps pour les télécharger. Nous avons déjà un article sur la façon d’activer la compression Gzip dans WordPress, donc je ne vais pas tout répéter ici. Grâce à cet article, activer la compression est aussi simple que copier le Code fourni et le coller dans un fichier. Htaccess sur mon serveur. Enregistrer et compléter. Étape 8: activer la mise en cache du navigateur l’une des recommandations les plus courantes pour accélérer mon site Web est d’activer la mise en cache du navigateur. La mise en cache du navigateur signifie essentiellement dire aux visiteurs du navigateur de se souvenir
Placez une partie du contenu du site sur votre disque dur pour une utilisation future. De cette façon, les ressources qui pourraient ne pas être modifiées peuvent être réutilisées la prochaine fois qu’elles passent sans avoir besoin d’être téléchargées à nouveau. Dans WordPress, vous pouvez choisir parmi plusieurs plug – ins de cache, les plus connus étant W3 total cache et WP super cache. Les deux peuvent faire tout ce qu’il faut pour mettre en cache un site Web. On dit que Wp super cache est plus convivial si vous êtes débutant. Parce que j’aime parfois être plus professionnel, j’ai choisi de copier le fragment de code d’un excellent article de Daniel Pataki sur la façon d’utiliser la mise en cache de mon navigateur et de l’insérer dans mon fichier. Htaccess (j’ai collé le Code pour activer la compression Gzip). Du calme. Étape 9: minimiser et connecter l’une des meilleures façons de réduire le nombre de requêtes http émises par votre navigateur est de minimiser et de connecter les fichiers CSS et JavaScript. Ces mots signifient simplement supprimer tous les formats du fichier qui le rendent lisible (espaces, tirets, annotations et tout ce que la machine n’exige pas) et les combiner en un seul. Par conséquent, les navigateurs doivent télécharger des fichiers de plus en plus petits pour charger le site. Un des plugins que je veux essayer pour mon site est autooptimize, qui promet de le faire pour vous. Il est facile d’installer et de sélectionner ce que le plug – in doit optimiser. Enregistrer et vider le cache, et c’est fait. Étape 10: la plupart du temps, c’est comme ça que les petites choses sont traitées. Nous sommes confrontés au plus gros problème. Maintenant, tout ce que vous avez à faire est de jeter un coup d’oeil au diagramme de cascade et de voir quelles petites choses sont en évidence. Par exemple, j’a i remarqué qu’un fichier nommé logo manquait. PNG.
Et il a un grand impact sur la vitesse de chargement du site. Cependant, comme vous pouvez le voir, tout ne dépend pas de vous. Beaucoup dépend également de la technologie derrière votre site. S’il manque cette option, il n’y a pas de solution et vous ne pouvez passer qu’à un autre fournisseur ou mettre à jour le paquet géré. Avez – vous réussi à accélérer votre site Web? Comment avez – vous fait? Avez – vous des idées sur ce qui précède? Veuillez nous le dire dans la section commentaires ci – dessous!