Comment faire un audit de vitesse de chargement d' un site, par exemple Wordpress ?
Nul besoin de rappeler que la vitesse de chargement d'un site est primordiale en SEO, que ce soit directement comme facteur de ranking ou indirectement pour que les gens, notamment sur mobile, ne soient pas obligés d'attendre des plombes avant de voir une page du site.
La vitesse est d'autant plus importante qu'avec les avertissements concernant les cookies ou la collecte de données du RGPD, on a des éléments gênants qui viennent s'ajouter au site et le ralentir.
Par ailleurs, le goût typiquement français pour les designs lourds, les templates à sliders, les images de 154287 Mo n'améliore pas naturellement la vitesse de téléchargement.
Voici comment, en 2 coups de cuillères à pot, faire un audit de "vitesse" de votre site et quelques pistes de résolution des problèmes de vitesse.
Commençons en effet par un site, fait avec n'importe quoi (pas seulement Wordpress).
Il y a peu, tout le monde allait sur Google Speed ou outils du même genre mais il existe un meilleur moyen en ces temps avancés: LightHouse , un add-on à utiliser avec Chrome (https://developers.google.com/web/tools/lighthouse/ ).
Avec LightHouse, plus besoin de Google Speed ou autre..
Une fois LightHouse installé, vous allez sur le site à auditer et vous cliquez sur le phare (Lighthouse) de la barre des add-ons en haut; en avant alors pour l'audit qui détaillera TOUS les temps de chargement du site, en les décomposant, ce qui vous permettra de savoir exactement où se situent les problèmes (hébergement, images, javascripts, plugins, etc, etc..)
Quand les éléments gênants identifiés, vous allez savoir si le problème vient plutôt de l'hébergement, du design ou des x éléments qui sont supposés enrichir votre site mais en engraissent plutôt les tuyaux..
Si le problème vient de l'hébergement, alors ça peut être simple à résoudre.. Changez d'hébergeur ou au moins de "plan" d'hébergement.. Mais attention à ne pas vous faire avoir .. Avant toute chose, allez vérifiez dans l'interface de l'hébergeur si effectivement votre site utilise toutes les ressources de votre hébergement .. ou pas.
Éventuellement, si vous êtes déjà sur un dédié, pensez à passer en http2. Tous les hébergeurs ne le proposent pas mais certains plans VPS (comme chez Bluehost) le permettent facilement.
Http2 est plus rapide. En théorie, nul besoin d'être en https pour être en http2 mais en pratique, les hébergeurs exigent que les sites du serveur soient en http2 pour permettre le passage en http2.
En gros résumé, http2 est une évolution du protocole http et fait UNE seule requête là où il y en avait plusieurs donc doit permettre d'être plus rapide.
Si vous êtes sur de l'hébergement classique dédié "français" (à la ovh par exemple), attention car http2 rime avec configuration différente pour Apache (Pour les geeks, lisez https://thecustomizewindows.com/2017/06/apache-http2-settings-module-mod_http2/ ) sinon votre unique requête http2 risque d'être surchargée, surtout si le site abonde d'images et de css..
Si le problème vient du design .. remettez le en question .. Pesez vos images et la nécessité d'en avoir autant. Le design de votre site est-il fait pour vous plaire à vous ou à vos prospects ? Est-ce que le designer était bon en SEO ou simplement en web ? Si vous avez acheté un template, avez-vous vérifié dans Google les commentaires à son sujet ? (Un conseil pour avoir un bon template Wordpress qui cartonne en vitesse et SEO ? Oubliez les gratuits ou les Envato et allez sur MyThemeShop où les templates sont vraiment performants, avec en + des fonctionnalités natives qui vous permettent d'éviter pas mal d'installations de plugins sous Wodpress)
Si le problème vient du css, y a t il des erreurs importantes ? Vérifiez sur https://jigsaw.w3.org/css-validator/
Si le problème vient de javascripts trop gourmands, vous pouvez les grouper ou les coder différemment ou les supprimer .. Après tous les sapins de Noël ne sont beaux qu'à Noël non ?
Et si le site est sous Wordpress ?
Utilisez le plugin P3 pour Plugin Performance Profiler (https://fr.wordpress.org/plugins/p3-profiler/ ).
Une fois installé, ce plugin gratuit vous permettra de voir QUELS sont les plugins qui prennent le plus de ressources et ralentissent votre site.
Attention aux soi-disants "bons" plugins comme Wordfence..
Attention aux dernières versions des plugins ... Parfois, mieux vaut ne pas mettre à jour, le temps que le plugin soit vraiment en phase avec la dernière version de Wordpress.
Attention aux plugins à javascript..
Et puis bien sûr, sous Wordpress, désactivez les emojis en collant à la fin de votre fichier functions.php le code suivant:
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('admin_print_scripts', 'print_emoji_detection_script');
remove_action('wp_print_styles', 'print_emoji_styles');
remove_action('admin_print_styles', 'print_emoji_styles');
Evidemment, vous avez aussi les solutions de cache, de CDN, etc.. mais attention, ce n'est pas la panacée, ça peut bloquer certaines de vos fonctionnalités et ça n'améliore pas forcément votre vitesse.. D'abord, améliorez celle-ci SANS ces artifices..
Comment faire un audit de vitesse de chargement d' un site, par exemple Wordpress ? dans Technologie du web | avril 5, 2018 | Commentaires (0)
Commentaires sur: Comment faire un audit de vitesse de chargement d' un site, par exemple Wordpress ?
Poster un commentaire sur: Comment faire un audit de vitesse de chargement d' un site, par exemple Wordpress ?
« RGPD : le casse-tête du problème des données personnelles | Accueil | Quand vous collectez des données personnelles avec votre site, que devez indiquez à l'internaute ? RGPD »

Besoin de SEO, de développement, de rédaction de contenu web ? Besoin d'un blog, de Wordpress, de Prestashop ou autres nouvelles "choses web" ? Envie de travailler dans ces domaines ? --> Contactez-nous