Voici ce que jamp;rsquoai appris sur la façon de rendre notre site plus rapide. Lamp;rsquoun des objectifs de wpshout est de créer un site Web rapide. Il samp;rsquoagit damp;rsquoun objectif important, pour de nombreuses raisons: il est meilleur pour , 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 jamp;rsquoai appris sur la façon de rendre notre site plus rapide. Jamp;rsquoai décidé de me concentrer sur lamp;rsquoamélioration des performances de lamp;rsquooutil Google page speed Insights. Il existe de nombreux bons outils pour contrôler et surveiller le rendement global du site. Mais camp;rsquoest ce que jamp;rsquoai choisi parce que les commentaires de Google sont plus importants que la plupart des autres outils (Ils déplacent beaucoup de trafic Internet). Lamp;rsquoune des complexités de parler des résultats de recherche Google est quamp;rsquoils 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.
Damp;rsquoun point de vue structurel, cet article présente damp;rsquoabord quelques uns de nos travaux historiques sur la performance web, puis les améliorations que jamp;rsquoai apportées, et enfin quelques unes des choses dont Google se plaint encore, et pourquoi je namp;rsquoai pas résolu ces problèmes (du moins pour lamp;rsquoinstant). On y va! Ce que nous faisons pour accélérer WordPress, 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é damp;rsquoautres niveaux similaires de bluehost, GoDaddy, etc. Bien que je ne lamp;rsquoai pas suivi de près ces dernières années, jamp;rsquoai 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 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 namp;rsquoest pas tout, mais dans lamp;rsquoensemble, si voulez des résultats comme page speed Insight, je dirais minimiser les plug ins que utilisez, mais aussi peser (en termes damp;rsquooptions, 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 samp;rsquoest plaint de nos images. Il ne se plaint plus. Nous sommes en train damp;rsquoexécuter jetpack Photonic image CDN. Les CDN sont généralement vendus comme balles damp;rsquoargent de performance. Ce namp;rsquoest pas le cas. Mais il est très différent et nous aide à accélérer WordPress. Jetpack CDN est gratuit et lamp;rsquoimage est vraiment le seul support
ne voulez pas lire lamp;rsquoimage, voici ce quamp;rsquoelle dit: supprimer JavaScript et CSS qui bloquent la visualisation du contenu effondré utiliser le cache du navigateur activer la compression réduire le temps de réponse du serveur minimiser HTML minimiser CSS minimiser JavaScript optimiser lamp;rsquoimage si tout cela a du sens
Expresbytype type videvideo Ogg
Comment activer la compression. Htaccess est lamp;rsquoensemble de règles ci dessus pour la mise en cache du navigateur, camp;rsquoest pourquoi nous utilisons les recommandations de la base de connaissances siteground. Fondamentalement, ce type de compression est appelé Gzip. On le remet à lamp;rsquointérieur damp;rsquoApache. Code ajouté à nos fichiers. Htaccess est similaire à: Lamp;rsquoaddoutoutoutoutoutoutputfilterbytype 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 namp;rsquoy 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. Camp;rsquoest en fait un bon exemple de ce que je namp;rsquoai 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 quamp;rsquoil 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. Quamp;rsquoest ce que jamp;rsquoai changé? Jamp;rsquoai converti PHP utilisé sur le site Web en PHP 7.1, qui était à lamp;rsquoorigine 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 namp;rsquoutilisiez 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 créez, mais si utilisez des plug ins et des thèmes sans les créer, 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 donner plus de détails sur lamp;rsquoutilisation, mais jeudi dernier, nous avons publié un guide rapide sur ce sujet:
Comment minimiser CSS et JS et les combiner avec lamp;rsquooptimisation automatique, je namp;rsquoai rien fait et pourquoi jamp;rsquoai décrit en détail les plaintes Google auxquelles je suis confronté ci dessus. Mais quand jamp;rsquoaurai fini, Paige,
Speed Insights a toujours des plaintes. Ces plaintes ne sont ni fausses ni insolubles, mais jamp;rsquoai choisi de ne pas le faire. Camp;rsquoest ce quamp;rsquoils 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 jamp;rsquoaime nos lecteurs et que je sois fier damp;rsquoê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. Lamp;rsquoidée de base ici est que 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 lamp;rsquoexécution de pagesspeed Insights sur notre page damp;rsquoaccueil avec des images optimisées. Mais camp;rsquoest ma tombe personnelle, et jamp;rsquoai du mal à la réparer. je lamp;rsquoavais optimisée avant de la mettre sur gravatar, la plainte aurait pu disparaître, mais le fait que je ne lamp;rsquoai pas traitée de façon adéquate et quamp;rsquoelle namp;rsquoest pas hébergée ici lamp;rsquoa 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. namp;rsquoêtes pas sur le site Ground, certaines de ces optimisations de performance peuvent être légèrement différentes ou impossibles pour . 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 namp;rsquoest pas parfaite. Mais camp;rsquoest mieux, camp;rsquoest une victoire. Je peux dire que camp;rsquoest une récolte impressionnante, du plus bas chiffre que jamp;rsquoai 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 camp;rsquoétait un mensonge. Lorsque jamp;rsquoai reçu 89% des services de bureau, Google mamp;rsquoa 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 devez faire sont très simples et jamp;rsquoespère que cet article montre comment le faire. Après 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!
Accélérer WordPress: comment optimiser les performances du site sur wpshout
