A plus tard, verrez si vos actions sont différentes. Honnêtement, parce que je nrsquoai rien fait drsquooptimisé la vitesse sur mon site, jrsquoai un peu peur. Pour évaluer les défis, jrsquoai 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: Pingdom, par contre, brosse un tableau légèrement plus amical: Chaque site Web fournit également un diagramme en cascade montrant quelle partie de la demande de site Web prend du temps: Pour plus drsquointégrité, jrsquoa I également effectué un autre test rapide avec Google page speed Insights pour vérifier les performances mobiles (Astuce: pas très bon). Heureusement, tous les outils de test fournissent des commentaires sur la façon drsquoaccélérer le chargement des pages. Les recommandations les plus nombreuses sont les suivantes:
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 lrsquoeffondrement 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. Drsquoabord, il est temps de nettoyer au printemps. Étape 2: une des choses que jrsquoai remarqué en supprimant les plug ins inutiles et les sauvegardes de thème était que jrsquoavais trop de fichiers. Crsquoest souvent un signe qursquoil y a des plug ins sur le site que je nrsquoutilise 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 quelqursquoun demande une vue. Comme nous lrsquoavons vu plus haut, les requêtes http sont lrsquoun des facteurs qui ralentissent vraiment le site, donc ma première étape est de me connecter et de trier la liste des plug ins.
Jrsquoai supprimé tout ce que je nrsquoavais 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 gt mise à jour. La mise à niveau est également lrsquoune des principales raisons pour lesquelles les sauvegardes commencent. Dans ce processus, des problèmes surgissent parfois, auquel cas il est préférable drsquoavoir une copie du site.
Une fois la mise à jour terminée, jrsquoa I fait une vérification rapide au début du site pour mrsquoassurer 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 à lrsquoautre moitié: la base de données. lisez notre article sur le nettoyage des bases de données, saurez peut être qursquoau fil du temps, il srsquoaccumulera 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, jrsquoai utilisé le plug in drsquooptimisation WP mentionné dans lrsquoarticle 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 drsquoespace dans ma base de données, mais cela mrsquoa aussi fait réaliser qursquoun plug in du site Web était vraiment gonflé et que je devais le remplacer. À cette époque, j’ai aussi limité le nombre de révisions ultérieures créées par wordpress pour éviter que ma base de données ne devienne trop grande à l’avenir. Vous trouverez également des instructions sur la façon de le faire dans le post de nettoyage de la base de données.
Étape 6: optimiser les images dans nrsquoimporte quelle page Web, les images sont généralement majoritaires, en particulier celles qui sont entièrement composées drsquoéléments visuels, comme la page drsquoaccueil de mon site Web. Par conséquent, lrsquoimage doit être optimisée autant que possible. Crsquoest aussi lrsquoun des conseils de Google page speed pour mon site Web
Insight, surtout la version mobile. En général, il existe plusieurs façons drsquooptimiser les images. La première méthode consiste à nrsquoutiliser que la taille de lrsquoimage 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 puissiez l’utiliser le moins possible. La deuxième façon de réduire la taille de lrsquoimage est drsquoutiliser 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 jrsquoai créé des images avec Photoshop, je les ai compressées. Pour améliorer encore les performances, jrsquoai décidé de visiter photons. Photon est lrsquoun des modules de jetpack (un plug in est déjà disponible sur mon site Web), qui promet de fournir aux navigateurs seulement la taille drsquoimage désirée et drsquohéberger des images sur son réseau de distribution de contenu pour une livraison plus rapide. Je nrsquoai 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 drsquoabord, 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 . 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 à 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 lrsquoune des recommandations les plus courantes pour accélérer mon site Web est drsquoactiver 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 qursquoelles passent sans avoir besoin drsquoêtre téléchargées à nouveau. Dans WordPress, 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 qursquoil faut pour mettre en cache un site Web. On dit que Wp super cache est plus convivial si êtes débutant. Parce que jrsquoaime parfois être plus professionnel, jrsquoai choisi de copier le fragment de code drsquoun excellent article de Daniel Pataki sur la façon drsquoutiliser la mise en cache de mon navigateur et de lrsquoinsérer dans mon fichier. Htaccess (jrsquoai collé le Code pour activer la compression Gzip). Du calme. Étape 9: minimiser et connecter lrsquoune 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 nrsquoexige pas) et les combiner en un seul. Par conséquent, les navigateurs doivent 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 . Il est facile drsquoinstaller et de sélectionner ce que le plug in doit optimiser. Enregistrer et vider le cache, et crsquoest fait. Étape 10: la plupart du temps, crsquoest comme ça que les petites choses sont traitées. Nous sommes confrontés au plus gros problème. Maintenant, tout ce que avez à faire est de jeter un coup drsquooeil au diagramme de cascade et de voir quelles petites choses sont en évidence. Par exemple, jrsquoa i remarqué qursquoun fichier nommé logo manquait. PNG. Jrsquoai corrigé ce problème en récupérant les fichiers, éliminant ainsi les temps drsquoattente inutiles. Jrsquoai aussi remarqué que je chargeais plusieurs St
Et il a un grand impact sur la vitesse de chargement du site. Cependant, comme pouvez le voir, tout ne dépend pas de . Beaucoup dépend également de la technologie derrière votre site. Srsquoil manque cette option, il nrsquoy a pas de solution et ne pouvez passer qursquoà un autre fournisseur ou mettre à jour le paquet géré. Avez réussi à accélérer votre site Web? Comment avez fait? Avez des idées sur ce qui précède? Veuillez nous le dire dans la section commentaires ci dessous!
10 façons simples d’accélérer le site WordPress [études de cas]
