Comment optimiser la vitesse du site Web comme un PRO (Le guide complet du débutant)
Plus de 65% du trafic Internet est désormais mobile, donc si vous devez vous assurer que les performances mobiles de votre site Web sont optimales. Mais comment optimiser la vitesse de votre site Web pour vous assurer que votre site et toutes ses pages fonctionnent comme il se doit?
# 1) Manque de vitesse (vous utilisez le mauvais hébergement)
L'essor du mobile signifie que les gens accèdent à votre contenu, pour la plupart, utilisent des données mobiles - c'est-à-dire des connexions 3G et 4G. Pour cette raison, vous DEVEZ optimiser votre site pour la vitesse. Le non-respect de cette consigne entraîne une augmentation des taux de rebond, moins de conversions et une réduction du nombre de pages vues par visiteur.
Google indexe désormais le contenu sur une base mobile d'abord, donc si vous n'êtes pas concentré à 100% sur les performances mobiles de votre site, votre classement en souffrira. La vitesse (c'est-à-dire le temps de chargement de votre site) est l'un des facteurs de classement n ° 1 de Google, donc, pour cette raison, vous ne pouvez tout simplement pas éviter de NE PAS investir dans un bon hébergement pour votre site Web.
Si vous utilisez WordPress, les deux meilleurs hébergeurs WordPress en ce moment sont les suivants:
- Kinsta - Kinsta est un brillant hébergeur WordPress. Construit sur Google Cloud, Kinsta offre une vitesse de site Web vraiment rapide à tous les niveaux. Il dispose de la technologie de sécurité et de serveur la plus avancée disponible, a une disponibilité de 100%, peut gérer d'énormes pics de trafic sans se bloquer, et il dispose du meilleur service client du secteur. C'est pourquoi J'utilise Kinsta sur TOUS mes sites.
- Moteur WP - WP Engine utilise la même technologie que Kinsta, le Google Cloud. Mais contrairement à Kinsta, WP Engine propose une gamme d'extras supplémentaires comme l'accès à son portefeuille de thèmes WordPress gratuits et premium dont le prix varie normalement de 60 $ à 300 $. Ajoutez un support brillant, des sauvegardes de 40 jours et des temps de chargement incroyablement rapides, et il est facile de voir pourquoi beaucoup choisissent Moteur WP sur Kinsta.
# 2) La conception de votre site Web n'est pas adaptée aux mobiles
À quand remonte la dernière fois que vous avez mis à jour le design de votre site Web? Si vous ne vous en souvenez pas, il est probable que ce ne soit pas idéal pour les utilisateurs mobiles. Avec des niveaux croissants de trafic mobile, avoir un site correctement conçu et optimisé à 100% pour le mobile n'est pas seulement un must, c'est essentiel.
La différence qu'un peu de vitesse peut faire pour les bénéfices et les conversions (Source de l'image)
Ceci est une autre bonne raison pour en utilisant une société d'hébergement comme WP Engine, car il propose une sélection de thèmes WordPress premium gratuitement, dans le cadre de son adhésion. Normalement, ces thèmes coûteraient environ 60 $ à 300 $, donc si la conception de votre site Web a besoin d'une actualisation et que vous avez besoin d'un meilleur hébergement, WP Engine est définitivement la voie à suivre.
# 3) Le rôle du CRO dans la création de pages mobiles optimales
CRO ou optimisation du taux de conversion, est essentiel. Tout comme le référencement, CRO vise à rendre l'expérience de votre site Web aussi bonne que possible - et à la base se trouve un dévouement à des tests quasi constants. Vous testez les positions des éléments du site, la mise en page des pages, les titres, les titres, là où vous avez vos CTA. Les possibilités sont infinies.
Et lorsque vous cherchez à améliorer les performances de votre site Web mobile, le CRO est votre outil n°1. Pourquoi? Parce que les utilisateurs de bureau et les utilisateurs mobiles se comportent différemment. C'est pourquoi Amazon a une expérience de bureau différente de celle de son application mobile. Et Facebook. La façon dont les utilisateurs interagissent avec les éléments change sur mobile, et vous devez vous assurer que votre site prend ces interactions en considération.
Mise en situation : si vous utilisez des formulaires de capture d'e-mails contextuels, vous devez en avoir différents pour les ordinateurs de bureau et les mobiles. OptinMonster fournit des formulaires contextuels mobiles et de bureau pour la capture d'e-mails, donc si vous recherchez une solution robuste et facile à utiliser, assurez-vous de vérifier OptinMonster, car cela pourrait augmenter vos inscriptions jusqu'à 600% en exploitant des formulaires spécifiques pour des types d'appareils spécifiques.
# 4) Vous devez optimiser les tailles d'image
Si vous voulez que votre site Web se charge plus rapidement, vous avez besoin d'un bon hébergement, mais vous voudrez également vous assurer que vous utilisez une sorte de compression d'image. Les images, en particulier les grandes, sont le principal responsable des pages à chargement lent, à la fois sur mobile et sur ordinateur. Optimiser vos images et réduire leur taille sans affecter la qualité est l'un des moyens les plus simples de réduire le temps de chargement global de votre site et de ses pages.
Et l'un des ShortPixel est le meilleur outil de compression d'image au monde. Une fois ShortPixel installé, il vous suffit de définir quelques paramètres et critères, d'appuyer sur la touche de compression à l'intérieur du plugin, et ShortPixel fait le reste, compressant et réduisant la taille des images sur votre site. Mieux encore, ShortPixel n'affecte pas l'apparence de vos images - elles auront toujours l'air en haute résolution, même si leur taille a été considérablement réduite.
Vous avez trois niveaux de compression dans ShortPixel:
- Perdue - C'est l'option par défaut et celle que vous souhaitez probablement utiliser. Lossy réduira et compressera toutes les images de votre site, mais pour le spectateur, elles ressembleront toujours à des images HD de haute qualité.
- Brillant - Un peu moins de réduction, l'image semble identique à l'image juste avec une empreinte légèrement plus petite par rapport à la taille. Ce paramètre est idéal pour ceux qui exigent des images de haute qualité, comme les blogs de photographie.
- Sans perte - L'option la moins compressée. Avec Lossless, les images sont compressées et optimisées mais elles conservent toute la qualité et l'éclat des originaux. Encore une fois, cette option est la meilleure si vous avez besoin d'une qualité d'image de premier ordre sur votre site - par exemple, si vous gérez un blog de photographie ou quelque chose du genre.
ShortPixel est un outil peu coûteux, mais cela fera une énorme différence dans la vitesse globale de votre site. Pour cette raison, c'est l'un des outils les plus importants de votre arsenal lors de l'optimisation d'un site pour la vitesse.
# 5) Google AMP en vaut-il la peine?
Si votre site Web fait beaucoup de nouvelles et que vous souhaitez mieux vous classer, l'utilisation de Google AMP est un moyen infaillible d'améliorer la vitesse de la page de votre site. AMP est conçu pour la vitesse. Il a été conçu par Google pour améliorer la vitesse du contenu sur les appareils mobiles sur la 3G et des connexions mobiles plus lentes. AMP signifie Accelerated Mobile Pages.
Les pages avec le code AMP contiennent une configuration AMP en trois étapes, selon Search Engine Land.
- HTML: balisage épuré et unique du code HTML traditionnel avec des balises uniques.
- JS: Utilisé pour récupérer les ressources et réduit pour éliminer le rendu inutile.
- CDN: Un réseau optimisé conçu pour mettre en cache les pages et les adapter immédiatement au code AMP.
Les pages AMP se chargent également rapidement, grâce à ce qui précède et au fait qu'il génère environ 77% de demandes de serveur en moins. Le contenu AMP dispose également de son propre carrousel spécial dans Google SERP. AMP est principalement utilisé sur les sites d'actualités ou sur les sites qui publient de nombreux articles, car AMP a en quelque sorte remplacé Google News dans SERP maintenant. Vous saurez que c'est un article AMP car il y a un petit symbole Google AMP à côté du titre.
L'utilisation de Google AMP accélérera la vitesse de chargement de votre page jusqu'à une seconde. Pour ce faire, il supprime pratiquement toutes les annonces de conception, CSS et natives de votre site. La page que vous obtenez avec AMP est nettement différente des pages normales de votre site, ce qui apporte à la fois des avantages et des inconvénients. Le plus gros étant moins de contrôle sur l'apparence de vos pages.
Si vous faites BEAUCOUP de contenu d'actualités, Google AMP vaut vraiment la peine d'être intégré, cependant, avec une optimisation de la vitesse correcte et un hébergement décent, ainsi qu'une conception épurée et des demandes de serveur minimales, les éditeurs peuvent plus ou moins répliquer les vitesses AMP avec un mobile normal pages optimisées.
Bottom line: AMP est une question de vitesse. La vitesse est un facteur de classement. Mais AMP n'est pas le seul moyen d'accélérer le chargement du contenu de votre site, mais c'est une solution plus simple, en particulier pour le contenu d'actualités, que d'effectuer une campagne d'optimisation de la vitesse totale à l'échelle du site. Google AMP est également gratuit, alors que faire passer la vitesse de votre site de 4 secondes à moins d'une seconde nécessitera un investissement assez important en logiciels, en savoir-faire informatique et en outils.
Comment tester la vitesse du site Web - Les options gratuites n ° 1 en ligne
Vous savez que la vitesse du site est importante, mais comment tester la vitesse du site? Quels sont les meilleurs outils en ligne pour accéder aux vitesses et aux temps de chargement de votre site? Comme toujours, il y en a un tas. Mais pour moi, les outils en ligne suivants sont les meilleures options pour tester la vitesse du site:
- Pingdom - Pingdom est disponible en tant qu'outil gratuit et payant. Il accédera à la vitesse globale de votre site, ainsi qu'aux pages individuelles, vous donnant un score basé sur le temps de chargement. Optez pour la version payante de Pingdom et vous aurez accès à des choses comme la surveillance avancée du site qui vous alerte si votre site tombe en panne. Pingdom fera également des suggestions sur la façon d'améliorer la vitesse de votre site et de vos pages individuelles.
- GTMetrix - GTMetrix est un outil en ligne brillant qui vous aidera à mieux comprendre les performances globales de vitesse de votre site. Il vous donne des rapports détaillés sur les bogues et les problèmes qui affectent la vitesse de chargement des pages, ainsi que des suggestions sur ce que vous pouvez faire, c'est-à-dire comment améliorer la vitesse de votre site en mettant en œuvre des correctifs. Vous pouvez également utiliser GTMetrix pour tester la vitesse de votre site dans différents endroits, par exemple au Canada.
- Google Page Insights - Page Insights est un outil gratuit et inestimable créé par Google qui accède aux performances des pages mobiles de votre site. Entrez simplement votre domaine et Page Insights exécutera un rapport, où il accédera à vos pages mobiles, leur composition, leur vitesse, puis, si nécessaire, il fera des suggestions sur la façon d'améliorer les choses.
Les meilleurs outils d'optimisation de la vitesse du site Web
Afin d'améliorer correctement les performances de votre site et de votre site mobile, nous vous recommandons d'utiliser les outils suivants.
- Kinsta - Afin d'avoir un site rapide, vous avez besoin d'un hébergement rapide. Si vous utilisez WordPress, Kinsta est à peu près la meilleure option du moment. WP Engine est également excellent, bien qu'un peu plus cher. Cependant, vous avez accès à des thèmes WordPress premium gratuits, ainsi qu'à la même technologie de base que Kinsta - des choses comme les sauvegardes automatiques, le CDN, les zones de développement et une disponibilité à 100%.
- ShortPixel - ShortPixel est l'outil n ° 1 au monde pour optimiser et compresser TOUTES les images de votre site. Grand, beau les images sont incroyables et facilitent les conversions, mais si elles ne sont pas cochées, elles peuvent VRAIMENT ralentir les performances de votre site, alors assurez-vous de rester au top en utilisant un outil de compression d'image comme ShortPixel.
- Google Optimize - Si vous souhaitez effectuer des expériences CRO sur votre site, vous aurez besoin d'un logiciel pour le faire. Et pour le moment, Google Optimize est à peu près le meilleur outil CRO de la planète, vous permettant de tester A / B des centaines de paramètres différents sur votre site. Cet outil est extrêmement puissant entre de bonnes mains et améliorera non seulement les performances de votre site, mais contribuera également à augmenter vos taux de conversion. Oh, et c'est totalement gratuit aussi!
- OptinMonster - Comme indiqué précédemment, si vous collectez des e-mails sur votre site, vous DEVEZ afficher différents formulaires d'acceptation sur mobile et ordinateur. Pourquoi? Parce que les tailles d'affichage sont totalement différentes, et une grande bannière pop-up qui a fière allure sur le bureau aura l'air complètement horrible sur mobile. OptinMonster est l'une des applications de capture de leads les plus complètes et les plus populaires sur la planète. Il propose des tonnes d'options pour les mobiles et les ordinateurs de bureau et stockera même désormais vos prospects, grâce à la fonctionnalité MonsterLeads nouvellement incluse.
- GTMetrix - GTMetrix est un outil brillant et gratuit pour accéder rapidement à la vitesse de votre site et de ses pages individuelles. Vous obtenez des rapports sur ce qui affecte la vitesse, comment la modifier et des notes d'AF sur les performances de votre site. Si vous souhaitez apporter des améliorations à votre site Web, GTMetrix fera partie intégrante de votre ensemble d'outils pour le faire.
Une fois que vous avez trié la vitesse de votre site, la prochaine chose à faire est de travailler sur vos taux de conversion. Découvrez notre Guide définitif de CRO (optimisation du taux de conversion) pour un aperçu des meilleures pratiques et comment commencer.
