Lorsque vous naviguez sur Internet, vous ne pensez probablement pas trop à la vitesse du site Web. Si votre connexion Internet est assez bonne, vous n'avez probablement que deux conclusions sur chaque site en ce qui concerne la vitesse: le site est ou n'est pas assez rapide. Et c'est ainsi que la plupart des internautes verront votre site WordPress. Même s'il est attrayant pour un visiteur spécifique, si le blog ne se charge pas assez rapidement, vous perdrez ce visiteur. Ça c'est sûr. Et c'est pourquoi vous devez faire tout ce qui est en votre pouvoir pour rendre votre site WordPress aussi rapide que possible.
Bien qu'il existe de nombreuses façons d'accélérer un site, certaines nécessiteront une expertise technique, d'autres nécessiteront un dévouement complet de votre part, tandis que d'autres seront tout simplement trop chers.
Comme toujours, WordPress peut vous aider avec le problème. Non seulement WordPress s'améliore constamment, mais aussi les plugins, les thèmes et les sociétés d'hébergement. Dans cet article, nous allons vous montrer comment accélérer votre site WordPress. De nombreux facteurs affectent la vitesse du site et, selon votre site, vous pouvez améliorer la vitesse dans les prochaines minutes.
- Utilisez un plugin de mise en cache
- Optimiser les images
- Optimiser la page d'accueil
- Chargez correctement Google Maps
- Nettoyer et optimiser les bases de données
- Supprimez les caractères inutiles du code source (minimisez-le)
- Choisissez un thème WordPress rapide
- N'installez pas de plugins inutiles
- Séparer les messages plus gros
- Limitez le nombre d'avis sur les articles
- Passez à PHP7. Maintenant!
- Modifier la mise en cache du navigateur
- Comment supprimer des chaînes de requête de ressources statiques
- Réduisez le nombre de requêtes HTTP
- N'utilisez pas Gravatars
- Supprimer les commentaires si vous ne les utilisez pas
- Supprimer les emojis
- Utiliser des sprites CSS dans WordPress
- Limitez le nombre de boutons de réseaux sociaux
- Téléchargez des scripts et des styles que vous n'utilisez pas
- Désactiver les incrustations
1. Utilisez un plugin de mise en cache
En installant et en configurant un plugin de mise en cache, vous pouvez instantanément ressentir le changement de vitesse de votre site. Tous les sites Web auront des parties qui ne changent pas aussi souvent. Qu'il s'agisse d'une image, d'un fichier CSS ou d'un fichier JS, un plugin de mise en cache peut gérer ces fichiers afin qu'ils n'aient pas à être téléchargés depuis le serveur chaque fois qu'un utilisateur ouvre votre site. Cela aidera principalement les visiteurs de retour qui ont déjà stocké ces fichiers.
Il existe de nombreux plugins de mise en cache WordPress, mais seulement quelques-uns populaires. La bonne nouvelle est que ces plugins sont bien codés, accélèrent instantanément votre site et sont totalement gratuits! Le plugin le plus populaire pour le travail est W3 Total Cache, qui compte plus d'un million d'utilisateurs actifs. C'est étonnant! Il existe d'autres plugins qui peuvent faire de même, comme le plugin WP Fastest Cache que nous avons déjà mentionné dans l'un de nos articles précédents.
2. Optimiser les images
Qu'il s'agisse simplement d'une image sur votre page d'accueil ou d'une galerie complète de photos, les images non optimisées peuvent considérablement ralentir votre site Web. Supposons que vous utilisez un appareil photo capable de prendre des photos haute résolution. Ces photos dépasseront probablement 2 Mo et peuvent facilement dépasser la limite de 4 Mo. Même les images des smartphones modernes généreront de gros fichiers. Si vous n'y pensez pas et que vous téléchargez simplement une image, imaginez la télécharger sur votre site.
En ajoutant simplement cette image de 2 Mo ou 4 Mo «lourde», vos utilisateurs devront télécharger cette image une fois qu'ils ouvriront votre site. Bien que les utilisateurs provenant d'une connexion à large bande ne ressentent pas beaucoup de différence, les utilisateurs avec des vitesses Internet plus lentes en souffriront. Non seulement cela; Même Google manquera des temps de chargement plus lents, de sorte que le classement de votre page pourrait en souffrir à long terme.
Cela ne devrait pas être un problème, car vous pouvez optimiser les images si facilement. Tout d'abord, si vous n'affichez pas votre dernier travail et n'avez pas besoin d'afficher des images en pleine résolution, commencez par abaisser la résolution. Par exemple, si votre thème affiche une largeur maximale de 800 pixels, votre image ne doit pas être plus large que cela. Vous pouvez simplement redimensionner ou même recadrer une image. Il existe également de nombreux outils et applications qui peuvent vous aider à optimiser les images. Si vous souhaitez utiliser un logiciel professionnel comme Photoshop qui peut faire des miracles sur vos images et les optimiser spécifiquement pour le Web, ou si vous souhaitez utiliser un outil en ligne simple, vous devez optimiser vos images.
Il existe également de nombreux plugins WordPress comme WP Smush – Optimisation d'image qui peuvent automatiquement optimiser les images pour vous.
3. Optimiser la page d'accueil
Votre page d'accueil est une page importante. Même si une personne ne parvient pas à la page d'accueil, elle souhaite probablement vous rendre visite à partir de ses autres publications et pages. Et c'est pourquoi la page d'accueil doit être optimisée correctement. Comme mentionné ci-dessus, prenez soin des images sur votre site Web et assurez-vous qu'elles sont optimisées. Utilisez des extraits plus petits pour vos articles au lieu d'en afficher de plus grands. Ne montrez pas d'images de publications; laissez plutôt un lien "en savoir plus" avant la première image d'un article. N'utilisez pas trop de widgets de barre latérale et de pied de page qui peuvent ralentir votre site.
4. Chargez correctement Google Maps
Si vous utilisez Google Maps pour afficher un emplacement, assurez-vous que la carte interactive ne vous ralentit pas. Une simple carte sur votre site Web peut prendre jusqu'à 2 Mo, forçant vos visiteurs à télécharger des données supplémentaires même s'ils ne sont pas intéressés par la carte.
Mais si vous utilisez WordPress, cette tâche peut être encore plus facile. Oui, nous parlons du plugin Google Maps Widget qui peut représenter une image miniature de votre carte. Cela n'ajoutera que plusieurs kilo-octets de données à votre site au lieu d'un ou deux mégaoctets. Cela aura un impact important sur la vitesse de votre site Web, tandis que vos visiteurs qui sont intéressés par la carte peuvent toujours avoir l'expérience complète de Google Maps.
5. Nettoyer et optimiser les bases de données
WordPress utilise des bases de données pour stocker pratiquement tout ce dont vous avez besoin pour le faire fonctionner correctement. Pendant un certain temps, ces bases de données commenceront à se constituer et à ralentir lentement votre site. En nettoyant et en optimisant les bases de données, vous pouvez accélérer votre site WordPress. Heureusement, vous n'avez pas à ouvrir manuellement chaque base de données et à parcourir des milliers de lignes qui y sont stockées, mais vous pouvez vous détendre et quitter le travail dans un autre plugin WordPress. Dans ce cas, nous suggérons le plugin WP-Optimize qui est gratuit et peut être exécuté sans avoir besoin de PhpMyAdmin.
6. Supprimez les caractères inutiles du code source (minimisez-le)
Le code source peut contenir des milliers de lignes. En ajoutant des thèmes, des plugins et des fonctionnalités personnalisées supplémentaires, le nombre augmente rapidement et affecte la vitesse de votre site. Bien que le code soit généralement utile, le code source contient de nombreux caractères inutiles qui ne peuvent que vous ralentir. Qu'il s'agisse d'un groupe de caractères d'espacement, de caractères de nouvelle ligne, de commentaires ou de délimiteurs de bloc, vous pouvez les supprimer en toute sécurité pour accélérer votre site WordPress.
Non, vous n'aurez pas à parcourir le code source pour supprimer ces caractères manuellement; Il existe un plugin WordPress qui peut faire le travail pour vous. Si vous avez installé W3 Total Cache pour résoudre le problème de mise en cache, vous disposez déjà d'un plugin qui peut être utilisé pour la minification. Un autre plugin populaire qui peut réduire le code sur votre site Web WP est Autoptimize.
Accélérer un site Web WordPress prend du temps. Il y a beaucoup de choses que vous pouvez améliorer pour éliminer cette petite fraction de seconde de temps de chargement. Mais, la vitesse de votre site est importante à la fois du point de vue des visiteurs et des moteurs de recherche. Et, même si vous devrez passer par différentes techniques et accessoires pour tirer le meilleur parti de votre site, cela en vaudra la peine.
Avant d'entrer dans les détails, assurez-vous d'avoir la meilleure option d'hébergement. C'est la première étape dont vous avez besoin pour avoir un site rapide.
Maintenant, laissez-nous vous montrer comment minimiser manuellement les fichiers CSS et JavaScript, et répertorions également deux plugins qui vous aideront à accélérer votre site. Prêt?
Qu'est-ce que la minification?
Avant de gâcher vos fichiers, voyons rapidement ce que signifie réduire les fichiers CSS et JavaScript dans WordPress. Comme vous le savez probablement déjà, des dizaines et des dizaines de fichiers sont nécessaires pour que WordPress fonctionne correctement. Lorsque vous ajoutez de nouveaux thèmes et plugins, le nombre ne cesse d'augmenter. Simultanément, la vitesse de votre site Web continue de diminuer. Heureusement, vous n'avez pas à vous soucier trop du code qui alimente WordPress, les thèmes et les plugins. Mais vous devez savoir que vous pouvez réduire la taille de ces fichiers et ainsi augmenter la vitesse de votre blog.
La minification est un processus de suppression des caractères inutiles du code. Le processus réduira les fichiers concernés, mais ne changera pas leur fonctionnalité.
Lorsque vous réduisez les fichiers CSS et JavaScript dans WordPress, vous supprimez des éléments tels que les espaces blancs, les caractères de nouvelle ligne, les commentaires et les délimiteurs de bloc. Pour chaque caractère supprimé du code, cela accélérera un peu votre site. Voici un exemple simple de code CSS avant et après le processus de minification.
Code CSS avant minification
body {
margin:10px;
color:#333333;
background:blue;
}
Bien que cela soit beaucoup plus facile pour l'œil humain, il utilise des caractères dont une machine n'a pas besoin pour interpréter le code.
Code CSS après minification
body{margin:20px;color:#333;background:blue}
Pour un ordinateur, ce code ressemble à celui illustré ci-dessus. Les nouvelles lignes ne sont pas quelque chose dont un ordinateur a besoin pour exécuter correctement le code. Si vous regardez la couleur, vous pouvez voir que nous supprimons même certains numéros; un ordinateur connaîtra toujours la bonne couleur. Notez qu'il n'y a pas de point-virgule après le dernier élément. Dans cet exemple simple, nous avons supprimé certains caractères et réduit le code. Imaginez maintenant ce qui se passe lorsque vous avez des milliers de lignes de code.
Réduisez manuellement les fichiers CSS et JavaScript
Lorsque vous travaillez sur un thème ou un plugin WordPress personnalisé, vous souhaiterez minimiser les fichiers CSS et JavaScript sur lesquels vous travaillez. Dans ce cas, vous n'aurez pas à installer de plugins supplémentaires pour faire le travail à votre place. Au lieu de cela, vous pouvez rapidement réduire uniquement les fichiers dont vous avez besoin. En faisant cela, vous pouvez vous permettre d'écrire le code qui est facile à vos yeux, et toujours le faire aussi rapidement que possible par la suite. Si vous prenez l'encodage plus au sérieux, vous devriez envisager d'utiliser des préprocesseurs CSS et JS. Ces applications sophistiquées peuvent vous aider à écrire le code et également à le réduire et à le traiter après l'exportation des fichiers.
Réduire manuellement CSS
Réduisez manuellement JavaScript
Les meilleurs plugins de minification WordPress
Les services que nous vous avons montrés ci-dessus feront un excellent travail avec votre code personnalisé. Mais si vous souhaitez minimiser tous les fichiers de votre site WordPress, il serait pratiquement ridicule de vérifier chaque fichier sur votre serveur. Nous sommes heureux de vous informer que certains plugins gratuits fantastiques peuvent minimiser les fichiers CSS et JavaScript dans WordPress pour vous. Laissez-nous vous montrer le meilleur.
Optimisation automatique
Avec plus de 200 000 installations actives, Autoptimize est l'une des options les plus populaires lorsqu'il s'agit d'optimiser votre site WordPress. Parmi d'autres fonctionnalités surprenantes, le plugin peut réduire les scripts, les styles et le HTML. Il compressera les fichiers, les mettra en cache et déplacera le code pour accélérer votre site.
- Installer et activer le plugin
- Allez
- Clique sur le
- Vérifiez les options et
- Enregistrer les modifications
Cache total W3
Ce plugin populaire fait tout. Bien sûr, le plugin mettra d'abord les fichiers en cache. Mais si vous souhaitez supprimer les chaînes de requête des ressources statiques, W3 Total Cache le fera pour vous. De même, il minimisera les fichiers CSS et JavaScript, et fera même de même pour vos publications, pages et RSS. Jetez-y un coup d'œil.
- Installer et activer le plugin
- Accédez à
- Assurez-vous de conserver le marquage
- Activer HTML
- Enregistrer tous les paramètres
Comme vous pouvez le voir, le processus de minification est assez simple. Si vous utilisez un plugin WordPress, vous n'avez vraiment aucune excuse. Minimisez les fichiers CSS et JS sur votre site et revenez au test de vitesse et de performances en ligne de votre choix. Nous sommes sûrs que vous obtiendrez un score bien meilleur et une note de remerciement de la part de vos visiteurs et moteurs de recherche.
7. Choisissez un thème WordPress rapide
Avant de commencer à travailler sur votre site, vous devez être prudent lors du choix d'un thème WordPress. Au début, il peut sembler qu'un thème spécifique attirera plus de visiteurs simplement en raison de sa conception et des belles images qu'il utilise. Mais essayez de penser à l'avenir; Au lieu de simplement choisir le plus beau thème que vous trouverez, essayez différents thèmes dans différents navigateurs, à partir de différents appareils.
Vous serez étonné de voir à quel point un thème peut changer la vitesse de l'ensemble du site. Non seulement un grand nombre d'images peuvent noyer le sujet, mais il y a beaucoup de choses cachées dans le code qui peuvent faire une grande différence. Bien que ce ne soit pas toujours le cas, les thèmes premium devraient être mieux encodés et fonctionner mieux.
8. N'installez pas de plugins inutiles
Lorsque vous commencez à travailler sur votre site, il peut être tentant d'installer de nouveaux plugins. Bien qu'il existe des plugins que vous devrez installer et exécuter, veillez à ne pas surcharger votre site. Pour commencer, les plugins actifs auront certainement un impact sur la vitesse de votre site.
. D'un autre côté, même les plugins inactifs occuperont votre précieux espace, ce qui affectera la taille de vos fichiers de sauvegarde. Lorsque vous ajoutez tout, les plugins actifs et inactifs peuvent affecter la vitesse de votre site, alors réfléchissez bien avant d'installer un plugin dont vous n'avez vraiment pas besoin.
9. Séparez les postes plus importants
Si vous avez tendance à écrire de très longs articles où vous avez également beaucoup de vidéos et d'images attachées, vous devriez envisager de les diviser en plusieurs pages. Cela peut être fait très rapidement, car vous n'avez même pas besoin d'utiliser un plugin pour cela: WordPress l'a couvert, mais peut-être que vous ne le savez même pas.
10. Limitez le nombre d'avis sur les articles
Les commentaires ultérieurs sont utiles. Mais le fait est que la plupart des utilisateurs ne les utilisent pas du tout ou n'ont besoin que de quelques critiques par article. Les avis sont stockés dans une base de données, et si vous avez un grand nombre de publications, imaginez le nombre d'avis supplémentaires qu'il y aura. Cela va certainement ralentir votre site WordPress, alors assurez-vous de limiter le nombre d'avis ou même de les supprimer complètement si vous n'en avez pas besoin.
11. Passez à PHP7. Maintenant!
Vous devez toujours vous efforcer de faire le moins de travail possible pour obtenir le plus de résultats. Optimiser votre site pour le faire rapidement n'est pas différent. Pourquoi passer des heures à optimiser juste pour gagner quelques millisecondes alors que vous pouvez faire quelques clics et accélérer facilement le site de 20%? Il n'y a pas de magie dans notre méthode. C'est simple, simple et évident. Une fois que vous l'aurez mis en œuvre, vous vous demanderez "pourquoi ne l'ai-je pas fait plus tôt?"
Des tests approfondis montrent que PHP7 est 20% plus rapide que PHP5 dans des environnements de production réels. Dans les tests génériques, il peut être 200% plus rapide. Il est également plus sécurisé, possède de nouvelles fonctionnalités utiles et est recommandé par WordPress. Alors comment mettre à jour?
Si vous utilisez une société d'hébergement décente, vous êtes déjà sur PHP7, alors vérifiez votre version avant de continuer. Prenez le plugin My WordPress Health Check ou téléchargez un fichier avec la fonction phpinfo (). Déjà en PHP7? Superbe! Tu as déjà fini. Vous utilisez PHP5? Débarrassons-nous de cela.
Connectez-vous à votre cPanel. Si vous n'avez pas de lien à portée de main, ajoutez simplement ": 2083" à la fin de votre nom de domaine, par exemple http://www.mydomain.com:2083. Une fois connecté, recherchez une icône indiquant "PHP Selector", "Select PHP Version" ou "PHP Version Manager" dans la section "Software". Cliquez sur l'icône pour ouvrir le sélecteur de version PHP. Selon ce que votre hébergeur a activé, vous pouvez sélectionner la version PHP pour l'ensemble du compte, pour des domaines spécifiques ou à un niveau par dossier. Quelle que soit la situation activée dans votre cPanel, assurez-vous de choisir la version 7.0 ou 7.1 pour votre installation WordPress. Cliquez sur Enregistrer. "Actualisez votre site pour vérifier que le changement est actif et profitez de la vitesse.
Mais … (insérez votre excuse ici)
Si vous n'avez pas encore mis à jour, vous avez sûrement une "bonne" raison. Aucune infraction, mais non, vous ne le faites pas! Laissez-nous éclater ces excuses que vous avez.
Cela semble être beaucoup de travail et de choses liées au serveur que je ne comprends pas
Oui, c'est lié au serveur, mais si vous savez comment vous connecter à cPanel, vous avez toutes les compétences nécessaires. C'est autant de travail que de créer une nouvelle adresse e-mail dans cPanel. Trouvez l'icône; cliquer; sélectionnez une nouvelle version dans le menu déroulant; sauvegarder. Fait.
Si vous ne vous sentez pas à l'aise de le faire, ce qui est bien, ouvrez un ticket d'assistance avec votre hébergeur et ils le feront pour vous.
Ma société d'hébergement ne prend pas en charge PHP7
C'est un gros problème! Énorme! Ce fait en soi n'est peut-être pas aussi inquiétant, mais il a de nombreuses autres conséquences. Cela signifie que vous utilisez un logiciel serveur obsolète et que votre hébergeur ne fait tout simplement pas son travail. Vous payez le prix d'avoir un site lent en ce moment, mais bientôt, lorsque les choses commenceront à s'effondrer parce qu'elles ne maintiennent pas de serveurs, vous serez confronté à de graves temps d'arrêt.
Envoyez-leur un e-mail et demandez-leur de migrer immédiatement leur compte vers un nouveau serveur prenant en charge PHP7. S'ils ne le font pas (pour une raison quelconque), vous devriez trouver une bonne société d'hébergement WordPress. Vous avez peur et vous ne voulez pas le faire? Il est normal de s'inquiéter des migrations, mais vous n'avez pas à le faire vous-même.
Des sociétés d'hébergement décentes feront la migration pour vous. Sérieusement, ce n'est pas un gadget marketing. Vous leur donnez votre ancien mot de passe cPanel, et c'est tout.
J'ai entendu dire que WordPress ne fonctionne pas avec PHP7
Sérieusement!? WordPress indique explicitement PHP7 ou supérieur comme une exigence de serveur. Donc, pour faire court, ça marche.
PHP7 est nouveau et expérimental
PHP v7.0 est sorti en décembre 2015. C'est juste "nouveau". C'est un logiciel éprouvé qui est meilleur que PHP5. C'est plus rapide, il a plus de fonctionnalités et c'est juste l'avenir. Si cela ne vous suffit pas, PHP5 n'est plus activement maintenu.
12. Améliorez la vitesse de WordPress en modifiant la mise en cache du navigateur
Lorsqu'un utilisateur commence à charger son site Web, son navigateur commence immédiatement à télécharger tous les fichiers nécessaires à partir d'un serveur sur lequel se trouve son site Web. Selon la vitesse de connexion Internet et les capacités du serveur de l'utilisateur, le site peut se charger plus rapidement ou plus lentement. Bien sûr, chaque partie souhaite charger le site le plus rapidement possible et vous, en tant qu'administrateur, devez faire tout ce qui est en votre pouvoir pour rendre votre site aussi rapide que possible.
Améliorez la vitesse de WordPress et mettez en cache les fichiers statiques plus longtemps
Cette première visite sur votre site dépend entièrement de votre connexion Internet et de votre serveur, mais vous pouvez effectuer le changement pour vos visiteurs réguliers. Ils ne remarqueront probablement pas que les modifications ont été apportées, mais ils tiendront toujours compte de la vitesse réelle de votre site. Vous pouvez vous mettre à leur place: si les sites prennent quelques secondes pour charger chaque page, vous ne resterez probablement pas trop longtemps, peu importe la qualité du contenu, non?
La technologie de mise en cache prend certains fichiers du serveur et les stocke sur un ordinateur local. Ensuite, si un utilisateur visite à nouveau le même site, le navigateur vérifie les fichiers stockés et les télécharge instantanément au lieu de les télécharger à nouveau depuis le serveur distant. Cela raccourcit considérablement le temps de chargement, améliore la vitesse de WordPress et rend le visiteur beaucoup plus heureux.
En utilisant le code suivant, vous pouvez demander à WordPress de mettre en cache les fichiers statiques pendant une période plus longue. Avant d'exécuter pour copier et coller le code, prenez une minute pour reconsidérer – à quelle fréquence apportez-vous des modifications à votre site Web, quel type de contenu avez-vous et cela peut-il vraiment aider votre site si vous prolongez la mise en cache?
-
- Ouvrir le fichier .htaccess
- Copiez et collez les éléments suivants:
# Browser Caching ExpiresActive On ExpiresByType image/jpg "access 1 year" ExpiresByType image/jpeg "access 1 year" ExpiresByType image/gif "access 1 year" ExpiresByType image/png "access 1 year" ExpiresByType text/css "access 1 month" ExpiresByType application/pdf "access 1 month" ExpiresByType text/x-javascript "access 1 month" ExpiresByType application/x-shockwave-flash "access 1 month" ExpiresByType image/x-icon "access 1 year" ExpiresDefault "access 2 days"
- Enregistrer les modifications
Après avoir enregistré les modifications, votre serveur modifiera le temps d'accès pour stocker ces fichiers localement. Si vous n'êtes pas à l'aise de modifier le fichier .htaccess vous-même, vous pouvez faire de même en utilisant un simple plugin.
13. Comment supprimer les chaînes de requête de ressources statiques dans WordPress et accélérer votre site
Si vous avez essayé d'accélérer et d'optimiser votre site WordPress, vous êtes probablement tombé sur différents outils de diagnostic en ligne qui peuvent vous aider. Nous vous encourageons à faire les tests; Ils vous diront à quel point votre site Web fonctionne bien, et la plupart de ces outils vous montreront des détails sur la vitesse de votre site.
Par exemple, si vous exécutez un test sur GTmetrix, il vous montrera quelles images ralentissent votre site. Il vous indiquera la vitesse de chargement des feuilles de style et des scripts, des détails sur la minification et bien plus encore. L'une des choses que de nombreux utilisateurs de WordPress trouvent en haut de la liste (ce qui signifie que le problème doit être résolu le plus rapidement possible) est de "supprimer les chaînes de requête des ressources statiques". Dans cette partie, nous expliquerons brièvement ce que sont les chaînes de requête et comment les supprimer rapidement pour améliorer la vitesse de votre site Web.
Que sont les chaînes de requête?
Les chaînes de requête sont des parties d'URL que vous pouvez trouver après un point d'interrogation (?) OU une esperluette (&). Les navigateurs ou applications externes ajoutent généralement ces parties aux URL pour ajouter des paramètres supplémentaires.
En utilisant des chaînes de requête, par exemple, un plugin WordPress peut transmettre différentes valeurs via l'URL afin que d'autres applications et services puissent les utiliser.
La plupart du temps, après avoir cliqué sur une annonce, un article sur les réseaux sociaux ou votre boîte de réception, vous verrez une URL assez longue avec des chaînes de requête. Pour indiquer aux services d'analyse d'où vient votre visite, d'autres services (et les humains eux-mêmes) ajouteront des chaînes de requête spécifiques à l'UTM qui décrivent les sources, les médias et les campagnes. Les spécialistes du marketing l'utilisent pour suivre l'efficacité de leurs campagnes. Et c'est tout à fait normal; ne vous inquiétez pas de ce type de chaînes de requête.
Pourquoi et quand devez-vous supprimer les chaînes de requête?
Bien que les chaînes de requête soient une partie importante des éléments dynamiques, elles peuvent ralentir votre site WordPress si elles sont utilisées dans des ressources statiques. Si vous avez déjà ouvert une console de navigateur sur votre site, vous avez peut-être constaté que le site Web affiche des numéros de version de script et des styles. Cela peut sembler familier:
/wp-includes/css/dashicons.min.css?ver=4.4.2
Certains serveurs proxy et CDN de mise en cache ne peuvent pas mettre en cache ces types de ressources. Cela signifie que chaque fois que vous ouvrez un site, le serveur devra vous envoyer le fichier encore et encore. Et c'est quelque chose qui ralentit considérablement un site. Juste cette chaîne de requête ne fera pas beaucoup de différence, mais quand quelques-unes s'accumulent, les choses peuvent devenir sérieuses. Enfin, il est temps de résoudre le problème et de supprimer les chaînes de requête des ressources statiques.
Comment supprimer des chaînes de requête de ressources statiques
Il existe quelques techniques pour supprimer les chaînes de requête de ressources statiques dans WordPress, et nous sommes sur le point de vous les montrer. Vous pouvez le faire en copiant une fonction simple, ou vous pouvez utiliser des plugins WordPress qui résoudront le problème pour vous. Quelle que soit la technique que vous choisissez, vous ne vous tromperez pas – cela supprimera les chaînes de requête des ressources statiques dans les prochaines minutes et accélérera votre site pour le moment.
Ajouter une fonction simple
La première méthode nécessite que vous copiez et collez simplement une fonction simple dans votre fichier functions.php. Si vous y avez déjà ajouté une fonction, vous savez déjà que ce n'est pas si important. Mais si c'est votre première fois, soyez particulièrement prudent car une petite erreur dans le fichier peut rendre votre site inutile. Juste pour vous sentir en sécurité, veuillez créer une sauvegarde du fichier avant de continuer.
-
- Ouvrez et modifiez le fichier functions.php
- Copiez et collez le code suivant:
function _remove_script_version( $src ){
$parts = explode( '?ver', $src );
return $parts(0);
}
add_filter( 'script_loader_src', '_remove_script_version', 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version', 15, 1 );
- Enregistrer les modifications
Décochez l'option dans W3 Total Cache
Étant donné que W3 Total Cache est un plugin populaire qui compte actuellement plus d'un million d'installations actives, vous utilisez probablement déjà le plugin. Dans ce cas, il vous suffit de décocher une option de la configuration:
- Accédez à
- Décochez l'option
- Enregistrer les modifications
Utilisez le plug-in Supprimer les chaînes de requête de la ressource statique
Si vous n'aimez pas ajouter le code à functions.php vous-même, vous pouvez utiliser un plugin gratuit pour le travail. Supprimer les chaînes de requête des ressources statiques est un plugin léger et simple qui fera de même sans avoir besoin de toucher le code.
Installez simplement le plugin, activez-le et vous avez terminé. Au moment où vous activez le plugin, les chaînes de requête seront supprimées des ressources statiques.
Quelle que soit la technique que vous avez utilisée, la suppression des chaînes de requête n'aurait pas dû être une tâche difficile. Maintenant que vous avez terminé, vous pouvez exécuter une autre analyse sur l'outil de vitesse et de performance de votre choix pour voir si et comment votre score (et la vitesse de votre site) s'est amélioré.
Bien que tout ce qu'il faut pour charger un site Web soit de cliquer sur le bouton, il y a beaucoup plus à gérer pour les ordinateurs. Ce clic d'une seconde qui durera jusqu'à ce qu'une page s'affiche devant vous peut masquer des dizaines, voire des centaines, de requêtes HTTP au serveur. De toute évidence, plus les informations vont et viennent, plus vous devez attendre qu'un site se charge. L'une des choses les plus simples que vous pouvez faire pour accélérer votre site est d'avoir une bonne société d'hébergement. Mais lorsque vous décidez de creuser plus profondément pour accélérer votre site Web WordPress, vous devez traiter les demandes HTTP.
Pour commencer, vous devez tester votre site Web pour voir combien de demandes sont nécessaires pour charger une page particulière. Il existe différentes formes de preuve. Au lieu de vous montrer toutes les possibilités, il suffira de saisir une URL dans le HTTP Request Checker. Vous obtiendrez les résultats immédiatement et espérons que vous n'aurez pas plus de 30 demandes. Si vous le faites, il est temps de réduire le nombre de requêtes HTTP et d'accélérer votre site WordPress.
15. N'utilisez pas Gravatars
Si vous utilisez le système de commentaires WordPress par défaut, vous utilisez également Gravatars. Maintenant, si vous obtenez quelques commentaires par mois, cela ne doit pas vous inquiéter beaucoup. Mais si vos visiteurs aiment laisser des notes rapides sous vos articles, vous devriez envisager de supprimer Gravatars de l'image.
Une fois que nous vous disons que chaque image Gravatar ajoute une autre requête HTTP au serveur, imaginez ce qui se passe lorsque vous avez plus de, disons, une centaine de commentaires sur une seule page. Devinez ce qui se passe quand il y a plus d'une centaine de demandes supplémentaires qui n'ont pas à être là; oui, votre site ralentit.
Si vous n'avez pas besoin de ces petites images à côté de chaque commentaire, parcourez et décochez l'option pour afficher les avatars dans les commentaires. C'est aussi simple que ça. Dans le cas où vous ne devez avoir que des avatars, vous devriez envisager d'installer un système de commentaires tiers pour WordPress qui traitera les choses différemment. Par exemple, Disqus est une option populaire qui permet d'afficher les avatars beaucoup plus rapidement.
Comme vous pouvez le supposer, l'utilisation de commentaires nécessite des fichiers supplémentaires. Si vous utilisez le système de rétroaction par défaut, vous n'avez rien à faire – c'est quelque chose dont vous avez l'avantage et cette demande supplémentaire est justifiée. Mais si vous n'utilisez pas de commentaires sur votre site ou utilisez un autre système de commentaires, vous devez supprimer le script de réponse-commentaire. Pour ce faire, vous devez copier la fonction suivante dans le fichier functions.php:
function comments_clean_header_hook(){
wp_deregister_script( 'comment-reply' );
}
add_action('init','comments_clean_header_hook');
17. Supprimer les emojis
Oui, les emojis sont mignons. Oui, ils les utilisent tous sur leurs ordinateurs, smartphones et tablettes. Bien que WordPress les ait introduits dans la version 4.2. cela ne veut pas dire vous devez télécharger ce fichier JS supplémentaire sur votre site juste pour avoir les visages souriants. La vitesse de votre site devrait être plus importante que d'avoir des emojis (sauf si vous ne pouvez pas vivre sans eux).
18. Utilisez des sprites CSS dans WordPress
Comme vous pouvez le voir lors du test d'une page, chaque image nécessite une requête HTTP. Cela ne signifie pas que vous devez supprimer les images, mais que vous devez en prendre soin. En ce qui concerne la vitesse de votre site, découvrez comment optimiser les images pour WordPress. Pero cuando se trata de las solicitudes, puede reducir la cantidad de esas solicitudes HTTP creando CSS Sprites.
Si va al sitio de Spriteme, podrá seleccionar todas las imágenes de una página que usa y combinarlas en un solo archivo. Después de cambiar los enlaces a las imágenes, agregará el tamaño de la imagen, pero al mismo tiempo, reducirá la cantidad de solicitudes. Esto puede sonar contradictorio, pero en realidad puede acelerar las cosas: un servidor funcionará mejor con un archivo grande que tener que responder a docenas de solicitudes.
Las redes sociales se han convertido en una parte estándar de cada sitio web. Ya sea que tenga un pequeño sitio personal o comercial, o esté ejecutando un portal con docenas de escritores, tendrá que conectar las redes sociales al sitio. Eso está bien, y deberías hacer eso.
Pero cuando se trata de mostrar botones sociales, menos es más. Aunque es posible que haya abierto cuentas en una docena de redes, muestre los botones solo para aquellos que más nutre. Cada botón cargará su propia imagen y archivos adicionales que pueden ralentizar su sitio.
20. Descargue scripts y estilos que no use
Un usuario promedio de WordPress no tiene idea de lo que sucede en segundo plano. ¿Quién tiene tiempo para pensar en guiones y estilos en un sitio? No te culpamos por eso, pero ahora que hemos llamado tu atención, tómate un tiempo para revisar tu sitio en busca de secuencias de comandos y estilos que no necesites.
No tienes que ser un experto. Ya le mostramos un pequeño plugin que le mostrará todos los scripts y estilos que se cargan en cada una de sus páginas. Al utilizar WP Asset CleanUp, puede reconocer fácilmente los archivos que ya no necesita y puede descargarlos rápidamente. Si tiene más experiencia con WordPress, el complemento lo ayudará a aislar los datos y luego podrá eliminar manualmente los archivos. De lo contrario, deje el complemento y deje que maneje los scripts y estilos por usted.
21. Desactivar incrustaciones
Para mejorar la experiencia del usuario, los desarrolladores de WordPress introdujeron un nuevo archivo JS que le permite incrustar videos de diferentes servicios como Youtube simplemente copiando una URL. Puede incrustar imágenes y tweets de la misma manera simplemente pegando el enlace en el Editor visual.
Si bien esta función es increíble, muchas personas simplemente no la usan. Si intenta acelerar su sitio, es más importante eliminar una solicitud que tener una vista previa del video. Sabes qué video estás incrustando, por lo que no hay necesidad real de tener esa vista previa, ¿verdad?
Si no eres bueno con el código y solo tienes que instalar un complemento, hay un complemento simple que eliminará las incrustaciones de tu sitio. Si puede manejar algunas líneas de código que solo necesita copiar, use la siguiente función y póngala en su archivo functions.php:
function speed_stop_loading_wp_embed() {
if (!is_admin()) {
wp_deregister_script('wp-embed');
}
}
add_action('init', 'speed_stop_loading_wp_embed');
Tómese su tiempo y revise su sitio de WordPress para ver las solicitudes HTTP no deseadas. Incluso si reduce el número solo por unas pocas páginas, o si encuentra solo un archivo que no tiene que cargar, será un éxito. Ne t'inquiète pas; incluso si sus usuarios no sienten la mejora de la velocidad, los motores de búsqueda sí lo harán.
Conclusión: siempre cuida la velocidad de tu blog
Si realiza cambios solo en varias cosas en su sitio, podría beneficiarse de ellos. Los pasos que hemos descrito en este artículo son completamente gratuitos, por lo que no está de más probarlos. Aún así, no olvides cuidar tu sitio; actualice WordPress, temas y complementos de forma regular y nunca descuide su blog.
A veces, incluso un sitio optimizado no se ejecutará rápido. In that case, you will have to look for another hosting company or consider paying extra bucks for a managed or dedicated server.
