Accélérer WordPress: comment optimiser les performances du site sur wpshout
Voici ce que j’ai appris sur la façon de rendre notre site plus rapide. L’un des objectifs de wpshout est de créer un site Web rapide. Il s’agit d’un objectif important, pour de nombreuses raisons: il est meilleur pour vous, meilleur pour nous, impressionnant, nous faire nous vanter. Dans l’histoire, nous avons fait beaucoup de petites choses pour nous aider, et récemment j’ai décidé d’améliorer nos performances et d’accélérer encore WordPress. Voici ce que j’ai appris sur la façon de rendre notre site plus rapide. J’ai décidé de me concentrer sur l’amélioration des performances de l’outil Google page speed Insights. Il existe de nombreux bons outils pour contrôler et surveiller le rendement global du site. Mais c’est ce que j’ai choisi parce que les commentaires de Google sont plus importants que la plupart des autres outils (Ils déplacent beaucoup de trafic Internet). L’une des complexités de parler des résultats de recherche Google est qu’ils ne sont pas super déterministes (deux fois pour la même configuration de site donnent généralement des résultats légèrement différents) et ont à la fois un numéro de bureau et un numéro de téléphone mobile.
D’un point de vue structurel, cet article présente d’abord quelques – uns de nos travaux historiques sur la performance web, puis les améliorations que j’ai apportées, et enfin quelques – unes des choses dont Google se plaint encore, et pourquoi je n’ai pas résolu ces problèmes (du moins pour l’instant). On y va! Ce que nous faisons pour accélérer WordPress, vous n’avez peut – être pas notre site, mais tout est hébergé sur siteground. Nous sommes dans leur plus grand programme d’hébergement partagé, gogeek, et nous avons activé tous leurs niveaux de cache WordPress de base. L’hôte sitegound ouvre la voie aux services que mon hôte non WordPress offre. Historiquement, il a éliminé d’autres niveaux similaires de bluehost, GoDaddy, etc. Bien que je ne l’ai pas suivi de près ces dernières années, j’ai entendu des voix encourageantes de bluehost
Ou forcer un cache WordPress plus radical.
Nous avons également fait quelques petites choses pour améliorer le site que vous pourriez vouloir considérer. Voici une liste de ce que nous avons fait dans le passé, par mémoire: Nous n’utilisons pas de thèmes WordPress coûteux et complexes ni de constructeurs de pages. Ce n’est pas tout, mais dans l’ensemble, si vous voulez des résultats comme page speed Insight, je dirais minimiser les plug – ins que vous utilisez, mais aussi peser (en termes d’options, etc.) Dans votre sujet. Notre thème est la maîtrise de soi. Nous avons pris des mesures pour réduire au minimum la taille des images des fichiers sur le site. Par le passé, que ce soit les fichiers médias téléchargés ou les fichiers que nous utilisons dans des plug – ins ou des sujets, Google s’est plaint de nos images. Il ne se plaint plus. Nous sommes en train d’exécuter jetpack Photonic image CDN. Les CDN sont généralement vendus comme balles d’argent de performance. Ce n’est pas le cas. Mais il est très différent et nous aide à accélérer WordPress. Jetpack CDN est gratuit et l’image est vraiment le seul support \
Expresbytype type videvideo \/ Ogg \
Comment activer la compression. Htaccess est l’ensemble de règles ci – dessus pour la mise en cache du navigateur, c’est pourquoi nous utilisons les recommandations de la base de connaissances siteground. Fondamentalement, ce type de compression est appelé Gzip. On le remet à l’intérieur d’Apache. Code ajouté à nos fichiers. Htaccess est similaire à: L’addoutoutoutoutoutoutputfilterbytype type type Deflate text \/ plain addoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutouttype type type Deflate text \/ html addoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutfilterbytype deflatetype type type text \/ XML addoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutouttype type type type type type Deflate text \/ Plain \/ plain addoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutoutouttype type type type type type type type type type type type type type type type type type type type type type type Deflate application \/ RSS + XML addoutputfilterbytype Deflate application \/ javascript addoutputfilterbytype Deflate application \/ javascript addoutputfilterbytype Deflate application \/ javascript addoutputfilterbytype Deflate Application \/ X – JavaScript Chaque fichier sera maintenant plus petit. Il n’y a rien de particulièrement frappant pour une seule ressource, mais elle peut ajouter des dizaines de fichiers ou plus. Google veut que nous fassions de même, ce qui est en soi une bonne raison pour moi.
Passer à la version PHP pour réduire le temps de réponse
Le temps de réponse du serveur est un sujet très complexe. C’est en fait un bon exemple de ce que je n’ai pas fait non plus. Mais je sais que je peux faire une chose simple pour réduire le temps de réponse du serveur: changer la version PHP utilisée par le serveur pour exécuter tout le Code PHP utilisé par WordPress sur chaque demande de page. Ce qu’il y a dans nos dossiers. Htaccess démarre comme suit: Addhandler application \/ X – httpd – php56. Php. PHP5. Php4. Php3 ce que nous avons maintenant est:
Addhandler application \/ X – httpd – php71. Php. PHP5. Php4. Qu’est – ce que j’ai changé? J’ai converti PHP utilisé sur le site Web en PHP 7.1, qui était à l’origine 5.6. Cela peut avoir un certain impact sur la performance globale du côté serveur, puisque PHP 7 est encore plus rapide que PHP 5.6, qui est relativement rapide. Il est donc probable que nous verrons quelques petites victoires en termes de vitesse, mais cela pourrait ne pas être suffisant pour empêcher Google de se plaindre parfois des temps de réponse de nos serveurs. Mais il peut être fait très rapidement et sera très rapide et facile avant que vous n’utilisiez un plug – in ou un thème incompatible avec php 7 (.1).
Réduire au minimum HTML, css et JS en utilisant autooptimize il existe de nombreuses options pour réduire au minimum CSS et JavaScript. Mais pour moi et la plupart des gens, la façon la plus simple est d’utiliser le plugin wordpress. Vous pouvez le faire immédiatement pour les plug – ins que vous créez, mais si vous utilisez des plug – ins et des thèmes sans les créer, vous devez utiliser (un autre) plug – in pour gérer la minimisation dans WordPress. Autooptimize effectue en fait la concaténation et peut également être utilisé avec HTML. Je peux vous donner plus de détails sur l’utilisation, mais jeudi dernier, nous avons publié un guide rapide sur ce sujet:
Comment minimiser CSS et JS et les combiner avec l’optimisation automatique, je n’ai rien fait et pourquoi j’ai décrit en détail les plaintes Google auxquelles je suis confronté ci – dessus. Mais quand j’aurai fini, Paige,
Speed Insights a toujours des plaintes. Ces plaintes ne sont ni fausses ni insolubles, mais j’ai choisi de ne pas le faire. C’est ce qu’ils sont et pourquoi… Je n’ai pas étudié « supprimer JavaScript et CSS qui bloquent la visualisation au – dessus du contenu effondré», et la logique ici est que c’est en fait très compliqué, en particulier dans WordPress. Bien que j’aime nos lecteurs et que je sois fier d’être en mesure de trier le contenu merveilleux pour eux, creuser profondément dans cette optimisation va bien au – delà de la portée de cet article et de la portée raisonnable du nombre de mots. L’idée de base ici est que vous voulez minimiser le nombre de ressources CSS et Javascript que votre navigateur doit charger avant de commencer à \
Il y a eu quelques plaintes lors de l’exécution de pagesspeed Insights sur notre page d’accueil avec des images optimisées. Mais c’est ma tombe personnelle, et j’ai du mal à la réparer. Si je l’avais optimisée avant de la mettre sur gravatar, la plainte aurait pu disparaître, mais le fait que je ne l’ai pas traitée de façon adéquate et qu’elle n’est pas hébergée ici l’a rendue encore plus difficile. En ce qui concerne les informations que nous avons apprises sur la performance du site, j’ai accéléré WordPress et wpshout, en suivant simplement mon intuition et les conseils de pagesspeed Insights. Si vous n’êtes pas sur le site Ground, certaines de ces optimisations de performance peuvent être légèrement différentes ou impossibles pour vous. Tout dépend de votre maître. Mais pour la plupart des hôtes, les deux approches sont possibles et peuvent être très similaires à leur mise en œuvre sur le site. Du point de vue du navigateur, la performance du site Web de wpshout n’est pas parfaite. Mais c’est mieux, c’est une victoire. Je peux dire que c’est une récolte impressionnante, du plus bas chiffre que j’ai obtenu lors de mon test (61% sur les appareils mobiles) au plus élevé (89% sur les ordinateurs de bureau) (comparativement à 72% pour les ordinateurs de bureau). Mais c’était un mensonge. Lorsque j’ai reçu 89% des services de bureau, Google m’a quand même donné 74% des appareils mobiles qui « avaient besoin de travailler ». Cependant, pour que Google et les visiteurs puissent accéder à votre site plus rapidement, certaines des optimisations que vous devez faire sont très simples et j’espère que cet article vous montre comment le faire. Après cet article, nous offrons également un guide de chargement lent de WordPress qui explique comment nous accompagnons les améliorations théoriques du site WordPress et les améliorations pratiques dans la vie réelle. Merci pour votre lecture!