Google a récemment introduit un nouvel algorithme de moteur de recherche qui priorise essentiellement les sites Web « conviviaux pour les mobiles ». Le changement est si important que certaines personnes y ont fait référence en utilisant le hashtag #mobilegeddon. Selon les recherches citées dans cet article de Mashable et cet article d’Economist, environ 40 % des sites Web, y compris ceux appartenant à de grandes entreprises, ne satisfont pas actuellement aux normes « mobile-friendly » de Google.
Ce changement d’algorithme est susceptible d’inciter de nombreuses organisations à mettre à niveau et à améliorer leurs sites Web. C’est une bonne chose. Le fait d’avoir la main forcée dans une certaine mesure donne aux organisations une chance de prendre du recul et de réévaluer tous aspects de la conception et de la fonctionnalité de leur propriété numérique la plus précieuse – pas seulement sa disponibilité mobile. Pour de nombreuses organisations, une initiative d’optimisation et d’amélioration de site Web se fait attendre depuis longtemps.
Une mise à niveau du site Web impliquera certainement des améliorations de l’apparence du site, ainsi que des aspects axés sur l’utilisateur tels que la facilité de navigation et des aspects promotionnels tels que les appels à l’action. Mais parfois, dans un effort pour rendre les sites plus attrayants et sophistiqués, nous oublions qu’ils doivent également se charger rapidement. En fait, tout bien considéré, un site sophistiqué trop lent aura beaucoup moins de succès qu’un site plus simple et plus rapide. Dans cet esprit, j’ai pensé partager quelques conseils sur les principaux outils de test d’optimisation de site Web, ainsi que quelques recommandations pour vous assurer que votre site Web peut les passer avec des couleurs vives (ou au moins acceptables).
Tests d’optimisation de site Web
En plus du test d’optimisation mobile de Google, voici quelques-uns des principaux outils de test d’optimisation de site Web que vous pouvez utiliser pour évaluer votre site :
- PageSpeed Insights de Google
- Test de vitesse du site Web de Pingdom
- Test de vitesse GTmetrix
- Test de la page Web
- Hébergement WebHéros
Si vous n’êtes pas une personne technique, les données produites par ces outils de test peuvent être écrasantes et déroutantes, surtout lorsque les différents résultats semblent se contredire. Gardez les points suivants à l’esprit avant et après l’exécution des tests :
- Le logiciel utilisé pour rendre une page de site Web est hiérarchique. Au cœur se trouvent des fichiers qui contiennent le code primaire. Pour les sites Web créés à l’aide d’un système de gestion de contenu (CMS), il existe une autre couche de fichiers contenant le code lié au CMS. La couche suivante comprend le code lié au thème et la dernière couche comprend le code des plugins, des CSS personnalisés et d’autres modules complémentaires. Ces couches sont chargées dans l’ordre, donc plus vous avez de couches – et plus ces couches sont grandes – plus il faudra de temps pour qu’une page se charge.
- Toutes les pages du site Web n’ont pas la même importance. Les sites Web sont composés de pages primaires, secondaires et tertiaires. Les pages primaires sont celles qui sont les plus importantes et les plus fréquentées, comme la page d’accueil. Les pages secondaires incluent des éléments tels que des descriptions de produits et de services et certains éléments dynamiques tels que des éléments de portfolio et des articles de blog. Les pages tertiaires sont les moins visitées et incluent des éléments tels que À propos de nous et Contactez-nous. Google Analytics et d’autres mesures de sites Web peuvent vous aider à déterminer quelles pages appartiennent à chaque catégorie. Testez les pages de chacune et comparez les résultats, en gardant à l’esprit que les pages les plus importantes à optimiser sont les pages principales.
- Bien que les temps de chargement rapides soient importants sur tous les sites Web, la norme de vitesse optimale peut varier en fonction de vos objectifs et de la démographie ciblée. Si vous avez une entreprise axée sur le consommateur et/ou que vous effectuez des transactions via votre site Web, la vitesse est primordiale. Pour les sites interentreprises, cependant, des temps de chargement légèrement plus lents peuvent être plus acceptables.
- Concentrez-vous sur les cohérences entre les résultats des tests et concentrez-vous sur les facteurs sous-optimisés qui sont les plus faciles à comprendre et semblent être les plus faciles à traiter. Par exemple, vous ne comprenez peut-être pas ce que signifie « différer l’analyse du javascript », mais le fait qu’un plugin ou des images sous-optimisées ralentissent votre site devrait être évident.
Conseils d’optimisation de site Web
Tout d’abord, vous devez mettre à niveau votre site Web pour vous assurer qu’il est optimisé pour les mobiles. Plutôt que de créer une version mobile de votre site Web principal ou d’une application mobile, vous devez reconstruire votre site en utilisant un design réactif. Étant donné que la plupart des organisations ne disposent pas d’un groupe de codeurs disponibles pour créer un site personnalisé à partir de zéro, la meilleure façon de le faire est d’utiliser une plate-forme de création de site Web comme SquareSpace (pour les sites Web simples) ou un système de gestion de contenu (CMS) comme WordPress .org, Joomla ou Drupal.
Si vous optez pour une refonte basée sur un CMS et/ou que votre site Web est déjà construit à l’aide d’un CMS, voici quelques conseils supplémentaires d’optimisation de site Web :
- Assurez-vous que le thème que vous utilisez pour la conception et les fonctionnalités de base est optimisé pour la vitesse. Cela signifie essentiellement que le code est léger, bien organisé et efficace, sans beaucoup de déchets supplémentaires. Si les spécifications du thème ne mentionnent pas explicitement l’optimisation de la vitesse, demandez au développeur.
- Minimisez la quantité de personnalisation de site que vous effectuez en dehors du thème. Le fichier CSS personnalisé qui doit être chargé au-dessus du thème ajoute du temps supplémentaire. Assurez-vous que toutes ces personnalisations supplémentaires sont vitales avant de les ajouter. Vous pouvez également créer un thème enfant, mais cela ajoute une couche de complexité à la fois à la conception et à la maintenance – encore une fois, assurez-vous que c’est absolument nécessaire avant de suivre cette voie.
- Minimisez le nombre de plugins que vous utilisez. Comme le fichier CSS personnalisé, ces morceaux de code supplémentaires ralentissent le temps de chargement, vous devez donc vous assurer qu’ils ajoutent suffisamment de valeur pour justifier le temps supplémentaire. Construire votre site à l’aide d’un thème sophistiqué peut réduire considérablement le nombre de plugins, car de nombreuses fonctionnalités et fonctionnalités fournies par les plugins sont déjà intégrées. Et pour les plugins frontaux qui ajoutent des éléments de conception et des fonctionnalités à un site (par exemple, des formulaires) , assurez-vous qu’ils sont également optimisés pour les mobiles.
- Réduisez la taille des images. Il n’y a généralement aucune raison d’avoir des images de plus de 1 Mo sur un site Web. Surtout lorsque vous ajoutez des photos à la bibliothèque multimédia, assurez-vous de les réduire d’abord et envisagez de convertir les fichiers .png en fichiers .jpg. Vous pouvez également utiliser un plugin comme WP Smush pour optimiser davantage les images lorsqu’elles sont téléchargées.
- Gardez vos pages à fort trafic aussi légères que possible. Il est vraiment tentant de vouloir ajouter beaucoup de cloches et de sifflets aux pages principales de votre site Web, en particulier la page d’accueil, mais c’est la dernière chose que vous devriez faire. Assurez-vous que vos pages les plus populaires se chargent rapidement et enregistrez les éléments de fantaisie pour les pages secondaires et tertiaires.
- Utilisez la mise en cache à l’échelle du site, à la fois du côté de l’hébergement et de l’utilisateur. La mise en cache enregistre en effet les détails de la page dans la mémoire de l’ordinateur. L’utilisation d’un plugin comme ZenCache signifie que les pages du site Web n’ont pas à se recharger complètement à chaque fois que quelqu’un les visite. Vous pouvez également ajouter des dates d’expiration « lointaines » aux fichiers multimédias pour vous assurer qu’ils n’ont pas à être rechargés en permanence.
Soyez prêt à faire des compromis et des changements de configuration au fil du temps. Par exemple, comme indiqué ci-dessus, vous devrez peut-être choisir entre un plugin ou une fonctionnalité souhaitable et le temps de chargement supplémentaire qu’il ajoute à une page. Et lorsque vous ajoutez beaucoup de contenu et/ou apportez des modifications majeures à un site en ligne, il peut être nécessaire de désactiver la mise en cache pendant un certain temps afin que les visiteurs voient toujours le contenu le plus récent.
Il est également important de vous assurer que vous utilisez un hébergeur de site Web fiable et que vous disposez du bon type de plan d’hébergement et/ou des services complémentaires nécessaires pour optimiser les temps de chargement en particulier. L’hébergeur doit également fournir un excellent service client, avec des techniciens compétents qui travaillent dans votre meilleur intérêt. Ils devraient se concentrer sur vous aider à répondre à vos besoins d’optimisation de site Web sans essayer constamment de vendre des services complémentaires inutiles. Ne faites pas l’erreur de supposer que l’hébergement Web est une marchandise et qu’un hébergeur est fondamentalement aussi bon qu’un autre. Utiliser le bon service d’hébergement est essentiel.
Enfin, investissez dans une aide technique à court terme. Trouvez quelqu’un qui comprend tout le charabia créé par les outils de test d’optimisation de site Web et qui peut vous aider à donner un sens aux résultats et à prendre les mesures appropriées. Pour un investissement relativement faible, vous pouvez obtenir d’énormes retours sur les performances de votre site Web.
Pour plus de détails sur certains de ces conseils d’optimisation de site Web, ainsi que d’autres, consultez cet article de BlueHost.
Tes pensées?
Comme toujours, j’attends vos commentaires. Quelles questions cette pièce vous a-t-elle soulevées ? Que voudriez-vous ajouter, modifier ou supprimer des recommandations fournies ?
L’article Optimisation du site Web : outils et astuces de test est apparu en premier sur The Denovati Group.
