Cette fois, je veux montrer quelques conseils simples sur la façon d’accélérer votre site sur WordPress. Il y a quelques jours, jrsquoai testé la vitesse de mon blog et jrsquoai découvert que crsquoétait trop rapide. Google page speed mrsquoa donné 6 points. Vous devez savoir que la vitesse du site est si importante pour rendre le site populaire sur les moteurs de recherche. De toute évidence, Google agit de plus en plus de manière intuitive et évidente: les sites qui ne donnent pas de bons résultats mènent à une mauvaise expérience utilisateur, et les sites qui ont une mauvaise expérience utilisateur devraient être moins promus dans les résultats de recherche.
Alors commençons à tester notre site avec Google page speed: Voici le rapport Google page speed de ce blog:
Avant de commencer l’optimisation, la vitesse du blog WordPress Google page est:
La première question que je me pose est la suivante: Qursquoest ce qui a causé un tel problème sur mon blog? Google page speed mrsquoa donné quelques conseils pour rendre mes pages plus rapides: optimiser les images pour supprimer JavaScript et CSS, empêcher la visualisation du contenu au dessus de lrsquoeffondrement minimiser CSS utiliser le cache du navigateur minimiser Javascript, puis jrsquoai commencé à travailler sur ces problèmes pour ralentir le blog.
Le principal problème drsquooptimisation de la vitesse du site Web drsquoimage est la taille de lrsquoimage. Par conséquent, pour vérifier si le site Web ralentit, devez drsquoabord vérifier la taille de lrsquoimage. Essayez drsquoouvrir lrsquooutil de vérification du projet dans un navigateur pour voir le temps nécessaire pour lrsquoimage. téléchargez une image de 1,5 Mo, le site doit lrsquoimage avant de la . avez 10 images à chaque fois que chargez le site, Calculez les maintenant. 15 Mo par téléchargement Par image, je veux dire une image qui est optimisée par des plug ins et des outils pour réduire la taille du fichier image. Drsquoabord, jrsquoai des INS.
Lisez cet article de Google sur la façon drsquooptimiser les images:
https:developers.google.comspeeddocsinsightsOptimizeImages La deuxième astuce de Google page speed est de supprimer le javascript et CSS qui bloquent le rendu. Alors jrsquoai commencé à lire le problème et jrsquoai découvert que je devais appeler tous les fichiers JS et CSS dans le pied de page. avez un petit modèle HTML, pouvez le faire sans problème, et dans d’autres cas, comme les thèmes WordPress, cela devient encore plus compliqué parce que devez appeler quelques scripts et titres. Par conséquent, la seule chose que je peux faire est de supprimer certains JavaScript et CSS qui sont appelés mais qui ne sont pas utilisés dans les pages de blog.
Ce blog fonctionne sur un thème drsquoaffaires polyvalent de Mirror Response, qui utilise différents fichiers JavaScript et CSS, mais dans ce cas, si je lrsquoutilise seulement comme blog. Nous avons donc supprimé certains de ces fichiers parce que je nrsquoutiliserais pas drsquoautres fonctionnalités. Mon exemple concerne la réflexion spéculaire, mais il en va de même pour les autres sujets. Les thèmes WordPress appellent les fichiers JavaScript et CSS via des fonctions de fichiers. Php. Une fois ces fichiers enregistrés, ils seront appelés en utilisant cette fonction, WP _ enqueue style, WP enqueue script, mais cela ne correspond pas à notre intérêt actuel. La fonctionnalité pour charger un style dans une réflexion spéculaire est:
Fonctions codeless _ Register global style () {global $cl redata WP enuqueue style (lsquoStylersquo, get Stylesheet Uri ()) WP enuqueue style (lsquoBootstrap responsersquo) wp enuqueue style (lsquoBootstrap responsersquo) wp Register global style () {Global $cl redata WP enuqueue style (lsquoStylersquo, getget Stylesheet Uri ()) WP enuqueue style (lsquoBootstrap responsersquo) W enuqueue style (lsquojquery.fancyboxrsquo) le système de gestion de lrsquoinformation est un système de gestion de lrsquoinformation qui permet drsquoaccéder à lrsquoinformation sur lrsquoapplication de la directive: lsquoVector icons » lsquofont AWESOMErsquo lsquo rsquo font aweseme » lsquofont awesemersquo lsquo rsquo font aweseme » lsquofont awesemersquo lsquo rsquo font aweseme » lsquofont awesemersquo lsquo rsquo font aweseme » lsquofont awesemersquo lsquo rsquo font aweseme » lsquofont awesemersquo lsquo (lsquo jquery.easy pie Chart lsquo) Wp u enqueue u style (lsquoidangerious.swiperrsquo) (int) Code less less _ get post ID (), lsquofullscreen post stylersquo 124 $$cl redata [lsquofullscreen sections active]]) 35 WP enqueue style (lsquo fullscreen post csss csss csss csss csss csss post ID (), lsquofullscreen post stylersquo 124 $$cl redata [lsquofullscreen sections active]]) 35 WP enqueue style (lsquo fullscreen post csss csss csss csss csss Post Post csss post csss csss csss csss cs«)
Comme pouvez le voir, jrsquoai ajouté « » avant certaines de ces lignes pour désactiver certains styles, comme les icônes vectorielles ou jquery que je nrsquoutilise pas. Un simple Diagramme circulaire. Ces fichiers ne sont pas utilisés dans un simple blog, mais sont nécessaires, par exemple, si voulez créer un site Web drsquoentreprise.
Supprimez maintenant certains javascripts: function modelless _ Register global scripts () {global $cl redata WP enuqueue script (lsquobootstrap.minrsquo) WP enuqueue script (lsquojquery-easing 1 1rsquo) WP enuqueue script (lsquojquery-easing 1 1rsquo) WP enuqueue script (lsquojquery.mobilemenursquo) wp _enqueue _ script (lsquoisotopersquo) if (lsquocl redata [lsquo nicesoll lsquo)) WP enqueue script (lsquo smoothroll lsquo) WP enqueue script (lsquo smoothroll) 35 WP enqueue script (lsquojquery.flexslider Minrsquo) WP _ enqueue script (lsquojquery.fancyboxrsquo) WP _ enqueue script (lsquojquery.fancybox Mediarsquo) WP _ enqueue script (lsquojquery.caroufdredsel 6.1.0-packedrsquo) WP _ enqueue script (lsquojquery.hoverexrsquo) WP _ enqueue script (
Peu importe où utilisez spéculaire pour répondre à des sujets drsquoaffaires polyvalents ou à des sujets WP polyvalents axés sur lrsquoentreprise, utilisez les uniquement à des fins de blogging pour désactiver ces fichiers JavaScript et CSS, comme je lrsquoai fait ci dessus.
Résultats: Jrsquoai obtenu 54 sur 60 lors du premier test. Très fier, mais pas assez apprécié. Au début, cela semblait facile, mais maintenant il est plus difficile drsquoobtenir plus de points et de rendre mon site plus rapide. Pour résoudre ce problème, jrsquoai lu ce qui suit: https:gtmetrix.comleverage-browser-caching.html Vous pouvez mettre en cache les fichiers manuellement en utilisant htaccess, mais si utilisez les thèmes WordPress comme moi, je vais utiliser la mise en cache W3 total. Après avoir installé ce plug in entièrement compatible avec le thème, je configurerai lrsquoonglet parcourir le cache dans les paramètres du plug in.
Une fois la configuration simple terminée, pouvez utiliser ma configuration, comme le montre lrsquoimage ci dessous, et comme pouvez le voir, jrsquoai sélectionné les options set expiration header, set cache Control header.
Je clique pour enregistrer tous les paramètres et vérifier le fichier. Htaccess écrit avec la nouvelle directive. Ce plugin semble bien fonctionner, mais après un nouveau test, je nrsquoai vu aucune amélioration. Crsquoest bizarre, donc je pense qursquoil y a un problème avec le module Apache mod _ expires. Maintenant, jrsquoouvre le shell et je vérifie ce module désactivé. Par conséquent, je lrsquoai activé en utilisant la commande
Peut être réduit en minimisant. La vitesse des pages Google est décrite ci dessus, donc maintenant je dois utiliser lrsquooption de cache total W3 pour minimiser les ressources. Jrsquoouvre lrsquoonglet zoom out et je commence à le jouer et à le tester. Ma meilleure configuration: W3 total cache a de nombreuses options, telles que la compression et CDN, et pouvez modifier et définir les meilleures options pour votre site Web. Les résultats de la minify et drsquoautres fonctionnalités du cache total W3 sont excellents. Jrsquoai eu 16 points pour ce plugin. Conclusion jrsquoai obtenu un total de 76 points à partir de 6. Il est difficile drsquoobtenir plus de points maintenant et jrsquoessaie de faire mieux. Donc, si utilisez des thèmes WordPress tels que spéculaires, Tours ou tout autre, je recommande deux choses principales pour rendre votre site plus rapide: 1. Optimiser lrsquoimage 2. Installez le plug in W3 total cache 3. Sélectionnez un bon hôte 4. Installer et configurer W3 total cache ou autooptimize 5. Configurer CDN 6. Activer le chargement lent drsquoimages (jetpack) 7. Choisissez un thème WordPress rapide si êtes paresseux et que voulez faire quelque chose de professionnel, pouvez obtenir des services d’optimisation de vitesse de wpbuffs. Format commun de noms de domaine
Comment améliorer les performances de WordPress de 70% [Étude de cas]
