Comment accélérer le site WordPress: un guide pour améliorer les performances
Vos habitués. De plus, si votre site Web est plus lent, les visiteurs sont plus susceptibles de quitter vos ressources et de chercher des ressources plus efficaces avant de les charger.
Quels sont les effets négatifs quantifiables d’un site Web lent? En discutant des résultats de performance d’Amazon, Greg Linden attire l’attention sur l’importance de la vitesse de chargement des pages Web pour générer des revenus. Il a constaté qu’un retard de 100 millisecondes dans le chargement des pages entraînerait une baisse de 1% des bénéfices de l’entreprise. Compte tenu du chiffre d’affaires d’Amazon de 177,9 milliards de dollars en 2017, cela signifie qu’une petite fraction de seconde de ralentissement du site coûtera à l’entreprise 1,78 milliard de dollars!
Eric Schumann de Bing parle de l’importance de la latence du serveur dans son rapport. Au cours de l’expérience, il a découvert ce qui se passerait si les pages de ces sites Web étaient chargées 1,5 seconde plus longtemps que d’habitude.
En outre, les moteurs de recherche (Google, Bing) ont imposé des sanctions aux sites plus lents, les plaçant dans le classement des résultats de recherche, ce qui a inévitablement entraîné une réduction du trafic organique. Donc, si votre objectif est d’obtenir plus d’abonnés, de trafic et de rentabilité du site, alors vous devriez
Chaque élément de la page contient également des suggestions pour améliorer la situation.
Google page speed Insights https:\/\/developers.google.com\/speed\/pagespeed\/insights\/ ) est l’un des outils les plus couramment utilisés pour optimiser et estimer la vitesse de chargement des pages. L’objectif est de recevoir des suggestions pour améliorer le site Web. Toutefois, cette suggestion a été ignorée récemment par beaucoup, ce qui n’est pas aléatoire. Qu’est – ce qui s’est passé, pourquoi ne pas s’inquiéter des résultats du test Google page speed? Nos expériences montrent que le score Google page speed n’est pas un indicateur de la vitesse de téléchargement du site. De plus, votre enthousiasme s’estompera rapidement lorsque toutes les recommandations du service seront mises en oeuvre, car toutes les recommandations ne seront pas prises en compte. Par exemple, vous pouvez ajouter un en – tête de cache à un script qui n’est pas sur le site.
Une autre suggestion courante de Google page speed est de supprimer JavaScript et CSS qui bloquent les titres de page. Selon les instructions de Google page speed, vous pouvez endommager le site Web ou certaines fonctionnalités. Bien sûr, si vous n’utilisez pas cet outil avec enthousiasme, il est utile dans son ensemble. Il identifiera les zones problématiques: certaines sont notables, comme l’absence de compression Gzip ou l’existence de grandes images avec la meilleure compression. Il est important de garder à l’esprit que votre tâche principale est d’augmenter la vitesse de votre site, pas un indicateur de la vitesse de vos pages.
Qu’est – ce qui ralentit le site WordPress? Le rapport sur les résultats des essais de vitesse de chargement des pages contient des recommandations d’amélioration. Most – difficile pour les débutants avec des nuances techniques. Il est important de comprendre les secteurs à risque où se trouvent les goulets d’étranglement dans le rendement des ressources afin de prendre des mesures pour les éliminer. Principaux problèmes
Ncipali host type. Il y a trois options: virtuel (partagé): il y a environ 100 sites sur le serveur. VPS (Virtual Private Server): héberge 20 sites Web sur un serveur. Dédié: fournit un serveur dédié à votre site Web. L’hébergement partagé partagé l’hébergement partagé est une option pour les sites à faible trafic, mais à mesure que le trafic du site augmente, vous devez accéder (par exemple) à un serveur dédié. Partager l’hébergement, c’est comme louer une chambre dans un appartement. Vous avez un endroit où vivre, mais salle de bains, télévision, cuisine, etc. Ils sont partagés, donc parfois vous devez attendre que ce soit votre tour d’aller aux toilettes. Avantage: économique. Si tout ce dont vous avez besoin est un site Web simple, c’est parfait. Pour qui? Pour les débutants, les start – up (blogs, cartes de visite, portefeuilles, tout petit projet). VPS (Virtual Private Server) VPS est conçu pour les utilisateurs avancés et vous pouvez également commander des hôtes WordPress hébergés pour les affaires en ligne populaires. VPS est un bon choix pour les sites à trafic élevé \/ moyen. L’hébergement VPS est une variante de la cohabitation, mais lorsque vous louez un appartement dans un bâtiment. Vous avez votre propre cuisine, salle de bains, mais vous partagez un parking (espace disque), ascenseur (connexion Internet), etc. Avantage: Vous pouvez obtenir plus d’espace. Pour qui? Ressources d’information (portails d’information, magasins de taille moyenne, sites d’information riches en contenu). Les services d’hébergement spécialisés sont conçus pour les grands portails qui accueillent des millions de visiteurs par jour. L’hospitalité est comme vivre dans une maison séparée avec garage, piscine, jardin et barbecue. La maison, la maison et les infrastructures environnantes sont entièrement à votre disposition. Avantages: vous possédez tout et ne le partagez avec personne. Mais c’est cher. Pour qui? Pour les grands projets (réseaux sociaux, sites de rencontres, grands magasins avec une grande variété de produits, portails). D’excellents fournisseurs d’hébergement tels que kinsta, bluehost, siteground prennent des mesures pour optimiser
Ordpress? Le plug – in cache n’a pas à traiter le processus de génération de page dès le début, mais crée une copie de la page après la première visite de l’utilisateur, puis ouvre cette version mise en cache à chaque visiteur subséquent du site. Lorsque les visiteurs visitent le site WordPress, le serveur traite les requêtes PHP et Database pour extraire les informations nécessaires. En même temps, le serveur Web lance des scripts Java (effets spéciaux, analyse, etc.) Une fois que tous les serveurs Web ont généré du code HTML, il l’envoie à l’utilisateur. Il s’agit d’un processus à forte intensité de ressources, mais si vous utilisez le cache et le CDN, vous pouvez l’optimiser. WordPress dispose de nombreux plug – ins de mise en cache, mais certains offrent une grande flexibilité, d’autres fonctionnent immédiatement et sont faciles à configurer, même pour les débutants. Des options complexes sont disponibles pour les utilisateurs de WordPress sécurisés et vous permettent de peaufiner votre site en fonction de l’architecture spécifique de votre projet. En termes simples, lorsque le plug – in cache est actif sur le site, il copie la page au serveur. Il réduit considérablement l’accès à la base de données MySQL, éliminant ou minimisant les requêtes PHP, l’accès au serveur aux ressources statiques, et même les requêtes http si plusieurs fichiers sont combinés en un seul fichier. Nous vous recommandons d’utiliser le plug – in WP super cache. Il est facile à configurer et à utiliser, et les visiteurs de votre site se sentiront immédiatement différents: votre page de site s’ouvrira plus rapidement. WP super cache crée des versions HTML statistiques de chaque page et les télécharge à chaque fois sans requête de base de données. Non seulement il accélère le fonctionnement du site, mais il réduit également la charge sur le serveur. Le plug – in utilise la technologie mod _ Rewrite ou PHP pour servir les visiteurs du site. L’option préférée est de choisir parmi les paramètres: \
U le calendrier de purge du cache est le même, spécifiant quand et à quelle fréquence purger le cache et les pages expirées. Intégration avec CDN. Pour les débutants, nous recommandons le mode \
Il est plus facile de mettre en cache le site WordPress, mais il a aussi une version avec des paramètres avancés; W3 cache total – configuration plus flexible. Si votre site est sur un serveur dédié, ce plug – in peut être votre meilleur ami pour maintenir les meilleures performances de votre site. Optimiser le serveur de configuration du cache du navigateur afin que le fichier de cache du navigateur de l’utilisateur puisse être mis en cache. Il utilise le module d’en – tête du serveur Apache, qui surveille et modifie les en – têtes des requêtes http et des réponses http. Le navigateur télécharge les données du serveur vers le cache local (avec peu de modifications), et lorsque vous accédez au site, il charge les données du cache. Vous pouvez même mettre en cache certains types de fichiers pendant un certain temps, puis les télécharger à nouveau à partir du serveur. Le plug – in pour la mise en cache automatique des pages effectue le travail de mise en cache pour vous. Étape 2: utilisez le réseau de distribution de contenu (rnc) Rappelez – vous que nous avons discuté des réseaux de distribution de contenu pour les utilisateurs de différents pays et que le temps de téléchargement de votre site Web variera – t – il? C’est parce que l’emplacement du serveur d’hébergement affecte la vitesse du site. Si votre hôte est en Inde, les visiteurs de l’Inde téléchargent votre site plus rapidement que ceux des États – Unis. Si le site est spécifique à un pays ou à une région, il est préférable d’y acheter un hôte. Comment résoudre le problème? Porte CDN! Accélérer le chargement du site pour tous les visiteurs. Le téléchargement des ressources statiques du site, telles que les images, les scripts et les fichiers CSS, accélérera la vitesse du site. Si vous utilisez le CDN, non seulement les visiteurs peuvent charger ces ressources plus rapidement, mais le serveur principal a également une charge de travail plus faible, de sorte que vous pouvez obtenir une performance maximale tout en maintenant le reste du site. Ces ressources statiques seront mises à la disposition des visiteurs par le serveur
Tu es plus proche d’eux. Il existe plusieurs réseaux de distribution de contenu. Vous recherchez un site WordPress facile à configurer? C’est maxcdn. CDN est un réseau de distribution de contenu qui contient des serveurs du monde entier. Chaque serveur stocke les fichiers statiques utilisés pour voir le site. Un fichier statique est un fichier immuable (image, style css, JavaScript). Fichiers dynamiques: texte des pages et des messages, commentaires, etc. Presque tous les sites Web à fort trafic utilisent le CDN comme contenu statique. Avec des périphériques de stockage dans le monde entier, CDN peut fournir un service de livraison de contenu idéal à l’échelle mondiale pour les sites avec une large population, comme suit: avec CDN, les utilisateurs reçoivent des fichiers statiques du serveur le plus proche chaque fois qu’ils visitent votre site. La charge sur l’hôte sera réduite, ce qui signifie que ses performances seront améliorées. Aujourd’hui, presque tous les sites Web à fort trafic utilisent le CDN pour leur contenu statique: selon une estimation approximative, un tiers des 100 premiers magasins en ligne américains et européens utilisent la technologie CDN. CDN, par exemple maxcdn https:\/\/www.maxcdn.com\/ ), dispose d’unités à l’état solide stratégiquement positionnées dans le monde entier pour fournir un service de livraison de contenu mondial idéal pour les sites Web à large couverture démographique. Amazon S3 utilise de grands géants du CDN comme rackspace Cloud files pour accéder au contenu plus rapidement et réduire les retards de goulot d’étranglement. Les services de ces opérateurs rnc sont payants. Cependant, vous pouvez utiliser le CDN cloudflare gratuit. Il est important de choisir l’emplacement du serveur stratégique pour les hôtes WordPress. Parce que même si le CDN aide à distribuer vos médias et votre contenu, une demande initiale doit être envoyée au fournisseur d’hébergement lorsque votre site Web est chargé. Regardez quelques tests de vitesse
Le plug – in eww image Optimizer est disponible https:\/\/ru.wordpress.org\/plugins\/ewww-image-optimizer\/ ), p. Il promet des taux de compression allant jusqu’à 60% pour les images JPEG et jusqu’à 80% pour les images PNG. Toutefois, il ne s’applique pas à tous les systèmes gérés et nous recommandons donc d’utiliser le service tinypng ( https:\/\/ru.wordpress.org\/plugins\/tiny-compress-images\/ Compressez le fichier PNG. Le plug – in prend en charge Javascript, vbscript et AppleScript, ainsi que l’automatisation par lots, vous permettant de compresser plusieurs images en même temps. Les fichiers sont automatiquement convertis au format srgb pour une meilleure compatibilité. L’avantage de compresser les plug – ins JPEG et PNG image est de compresser automatiquement l’image lors du téléchargement de nouveaux fichiers tout en maintenant la qualité de l’image. Moins: la compression des données est limitée à une fois par mois, mais les paiements sont purement symboliques. La façon la plus simple d’optimiser les images sur le site est le plug – in WP smosh https:\/\/ru.wordpress.org\/plugins\/wp-smushit\/ ), p. L’installation est très simple, elle apparaîtra immédiatement dans le panneau d’administration de la section fichiers médias et sera mise à jour vers la version payante. Par défaut, l’optimisation automatique de l’image est liée. Par conséquent, les fichiers sont optimisés immédiatement lorsqu’ils sont téléchargés dans la bibliothèque. Le transfert rapide d’images peut être programmé via CDN. Il réduira les temps d’attente, car le contenu est géographiquement plus proche de l’utilisateur, ce qui réduit le temps de réception et de visualisation des images du côté de l’utilisateur. Cela permettra à votre site Web de répondre plus rapidement aux demandes. Deuxièmement, il réduira le trafic réseau, car la réutilisation du contenu réduira la quantité de données transmises aux visiteurs. Il permet non seulement d’économiser de l’argent pour les clients (en supposant que vous payez pour le trafic), mais aussi de le rendre plus flexible
Exigences relatives à la largeur de bande du canal. Le module photonique du plug – in jetpack est responsable du traitement et de l’accélération des images. Les enregistrements et les pages sont filtrés sans modifier la base de données et la taille de l’image est coupée en fonction des attributs spécifiés pour la hauteur et la largeur ou la largeur de l’élément conteneur. L’inconvénient de cette méthode est que la mise en cache permanente de l’image entraîne une dégradation de la qualité de l’image. L’inconvénient est que si l’image doit être \
Lorsque vous verrez l’image, vous verrez que le site se charge beaucoup plus rapidement. Quoi qu’il en soit, cela ne suffit pas. Nous vous recommandons d’utiliser d’autres méthodes personnalisées. Nos conseils ne sont pas techniques et vous n’avez pas besoin de savoir comment fonctionne le Code. Mais leurs applications résoudront les principaux problèmes qui ralentissent le travail sur les sites WordPress. Étape 4: ne pas télécharger directement sur WordPress Oui, vous pouvez facilement télécharger la vidéo sur le site WordPress, qui sera automatiquement affichée dans le lecteur HTML5. Mais tu n’es pas obligé! La vidéo gérée prendra votre bande passante. L’entreprise d’hébergement a le droit de fermer votre site Web même si votre tarif inclut une largeur de bande illimitée. L’hébergement vidéo augmente considérablement la taille des sauvegardes et rend difficile la récupération des sites à partir des sauvegardes. Comment résoudre le problème? Il existe deux façons d’utiliser les services d’hébergement vidéo, y compris YouTube, Vimeo, Daily motion, etc. WordPress dispose d’une fonctionnalité intégrée pour ajouter des fichiers vidéo. Vous pouvez copier le lien vers la vidéo et le coller directement dans le post. La vidéo apparaît automatiquement sur la page. Étape 8. Lors de la sélection d’un thème WordPress pour votre site, une attention particulière doit être accordée à son optimisation. Certains sujets importants ont été créés sans tenir compte du rendement du site et en utilisant un code inefficace, ce qui a considérablement ralenti le site. Le principe d’or de la programmation – Kiss souligne que si le système reste simple et non complexe, il fonctionnera le mieux possible. C’est pourquoi, dans le domaine de la conception de sites Web, la simplicité est l’un des objectifs clés. Vous devriez éviter la complexité inutile et choisir un thème de mode avec un \
Par conséquent, sauvegardez une copie de sauvegarde du site avant de passer à l’étape suivante. Étape 8. Chaque élément de la page réduire le nombre de requêtes http est une requête HTTP distincte: texte, style, chaque icône, image. Par exemple, si vous utilisez un système d’annotation WordPress standard, une requête HTTP distincte est créée pour chaque annotateur. Comme vous pouvez le voir, lorsqu’il y a beaucoup de commentaires, cela provoque de nombreuses demandes avec des redirections inutiles. Nous proposons deux solutions à ce problème. Désactivez le gravimètre personnalisé. Ce n’est pas la meilleure façon de le faire, mais cela fonctionne lorsque la vitesse de chargement est très importante. Comment? Installer un plug – in Avatar utilisateur WP gratuit https:\/\/wordpress.org\/plugins\/wp-user-avatar\/ ) puis sélectionnez déconnecter gravatar dans le menu. Chargement différé en utilisant la condition disqs https:\/\/wordpress.org\/plugins\/disqus-conditional-load\/ ), p. Disqus fonctionne plus rapidement parce qu’il y a moins de requêtes http. Désactiver le script a un plug – in Gonzalez https:\/\/tomasz-dobrzynski.com\/wordpress-gonzales Cela vous permet de désactiver les scripts inutiles et de ne pas les télécharger sur les pages du site. Ce plugin n’est pas gratuit, mais il coûte de l’argent, surtout si vous voulez ajouter gascode à votre site. De nombreux plug – ins et sujets téléchargent tous les fichiers à partir de sites tiers, par exemple, des scripts, des feuilles de style, des images de Google, Facebook. Vous pouvez utiliser plusieurs de ces plug – ins, car ces fichiers sont généralement optimisés pour un téléchargement rapide. Mais si votre plug – in fait beaucoup de ces demandes, cela ralentira considérablement le travail du site WordPress. Vous pouvez réduire le nombre de demandes au serveur du site. Chaque fois que quelqu’un visite votre site, il demande un fichier de site. Il comprend des fichiers HTML, css et JS. Comment résoudre le problème? Réduisez les requêtes http en désactivant les scripts, les styles ou en les fusionnant en un seul fichier. Vous pouvez utiliser le plug – in cache à cette fin. Zoomer avec CSS et Javascript signifie supprimer les caractères inutiles (espaces, commentaires, séparateurs)
Attendre les commentaires, les messages marqués, les brouillons enregistrés automatiquement. Ils peuvent également effectuer des requêtes communes pour optimiser la base de données MySQL sans avoir besoin d’accéder à PHP. Étape 11: optimiser la base de données WordPress après avoir lancé le site WordPress et l’avoir utilisé en premier, votre base de données contiendra beaucoup d’informations dont vous n’aurez peut – être jamais besoin. Pour optimiser votre site, vous devez le supprimer. Il est facile à gérer avec le plug – in WP Sweep https:\/\/en.wordpress.org\/plugins\/wp-sweep\/ ), p. Il nettoie la base de données, supprime les messages corrompus, les balises inutilisées, copie les métadonnées et optimise la structure de la base de données en un seul clic. Le plug – in d’optimisation de la base de données WP Sweep éliminera: les pourriels, les suppressions et les commentaires non approuvés par les modérateurs; Contenu répétitif; Les versions modifiables des messages et des messages; Contenu inutilisé (sujets, plug – ins, liens rompus). Une base de données optimisée et réactive est un grand avantage pour WordPress. Étape 12. Limiter l’édition des messages l’édition des publications prend beaucoup d’espace dans la base de données WordPress. Certains experts pensent que ces changements affecteront les requêtes de base de données initiées par le plug – in. Si le plug – in n’exclut pas explicitement l’édition des enregistrements, c’est probablement la raison pour laquelle le site Web ralentit, car il n’est pas nécessaire de rechercher toutes les versions des messages, y compris les versions provisoires. Nous recommandons de limiter le nombre de versions (éditoriales) par article. Vous devez ajouter cette ligne de code à votre configuration WP. Fichier PHP: définir (‘WP _ post revisions’, 4); Ce code limitera WordPress à enregistrer la version éditée de l’article: désormais, vous ne pouvez voir que jusqu’à quatre modifications par document ou page. Il supprimera automatiquement les anciennes versions. Étape 13. Si vous créez un contenu unique de haute qualité, désactivez les liens chauds ou vous serez bientôt volé. Chaque fois que vous utilisez le serveur pour stocker des images, vous utilisez ses ressources supplémentaires. Les gens empruntent souvent vos photos et mettent des liens chauds sur leurs serveurs. Par conséquent, ils ne chargent pas leurs ser
Mais utilisez votre bande passante d’hébergement réseau. Il crée une charge utile inutile sur le serveur. Il suffit d’ajouter ce code à. Le fichier htaccess bloque les images hotlink dans le site: # désactiver les images hotlink en utilisant l’option inhibition ou personnalisation de l’image sur rewritecond% {http _ referer} rewriteengine ^ $ Outrepasser la condition% {http _ referer} ^ Http (s)?: \/ \/ (www)? Thème mixte de style. Com [NC] outrepasser la condition% {http _ referer} ^ Http (s)?: \/ \/ (www)? Google. Com [NC] outrepasser la règle. (JPG | JPEG | PNG | GIF) $– [NC, F, l] important! N’oubliez pas de remplacer stylemixthemes. Com avec votre propre domaine. Étape 13: diviser les commentaires en pages avez – vous beaucoup de commentaires sur ces messages? Félicitations. C’est un bon indicateur de l’intérêt du lecteur. Il n’y a qu’un inconvénient: télécharger un grand nombre de commentaires ralentit le téléchargement du site. Si vous avez installé un plug – in cache, vous pouvez sauter cette étape. WordPress a une solution! Vous n’avez pas besoin de télécharger quoi que ce soit. Les outils WordPress internes peuvent résoudre ce problème rapidement. Comment? Allez dans l’onglet paramètres du panneau d’administration. Sélectionnez le point de discussion. Sélectionnez l’option diviser les commentaires de page. La deuxième méthode consiste à utiliser un plug – in simple pour échanger des vues. L’échange d’information et les commentaires sont des éléments importants de toute stratégie de marketing de site Web. Cependant, parfois, les gens ont trop d’options d’échange qui peuvent irriter les visiteurs et ralentir le site. Notre politique d’utilisation des plug – ins sur les médias sociaux est minimale et directe. Partage social (Danny) https:\/\/wordpress.org\/plugins\/dvk-social-sharing\/ ) pèse 50 ko et pour activer les POP – ups, vous avez besoin d’une taille de police de 600 octets. Nous voulons dire que les plug – ins n’affectent pas la performance du site. Étape 14. La mise à jour de WordPress vers la dernière version de WordPress est un projet Open Source fonctionnel qui est souvent mis à jour. Chaque mise à jour ultérieure fournit de nouvelles fonctionnalités et élimine les erreurs, les problèmes de sécurité et les vulnérabilités. Notez que les thèmes et les plugins WordPress sont également fréquemment mis à jour. N’oublie pas.
Mettre à jour le site, le plug – in, le thème à la dernière version avant de faire une copie de sauvegarde. Nous espérons que notre documentation vous aidera à trouver des conseils utiles pour accélérer votre site WordPress. Assurez – vous d’en utiliser au moins une partie, vérifiez la vitesse de téléchargement du site avant et après et écrivez – nous un commentaire dans vos résultats. On attend!