POURQUOI L'OPTIMISATION DE SITE INTERNET ?
On pourrait faire simple et dire simplement que l’optimisation de site internet n’a que des avantages, mais vous le prouver sera encore plus efficace. On parle aussi des « performances » d’un site, performances mesurables à l’aide d’outils d’analyse tels que GTMetrix, que nous utilisons dans notre agence.
Vitesse de chargement
Depuis 2010, Google a déclaré tenir compte de la vitesse des pages dans leur algorithme de classement. Et si la part occupée par la vitesse d’une page n’est pas aussi importante que la pertinence du contenu (content is king!), chez Mendia Media on estime qu’aucun point ne doit être négligé en vue d’un référencement efficace.
Expérience utilisateur (UX)
L’article du blog Google soulève un autre point crucial : l’importance de l’expérience utilisateur (UX, User eXperience), la façon dont un visiteur navigue sur votre site. Cette navigation est grandement conditionnée par l’interface utilisateur (UI, User Interface), c’est-à-dire l’apparence, les fonctionnalités et surtout l’accessibilité des informations sur votre site internet. Mais un des autres paramètres influençant l’expérience utilisateur, c’est la vitesse de chargement de vos pages.
Posez-vous la question : vous arrivez sur un site qui met 20 secondes à se charger, vous faites quoi pendant ces 20 secondes ? Vous attendez ? Vous partez ?
Si le site se charge rapidement voire instantanément, la question ne se pose même pas !
Coûts de fonctionnement
L’optimisation de site a un autre impact non négligeable, celui de réduire les coûts de fonctionnement de votre site. En effet, nous verrons que les items optimisés par notre agence permettent de réduire l’espace de stockage nécessaire mais aussi la bande passante de votre site. La conséquence directe est que vous n’avez pas besoin d’un hébergement de compétition pour votre site, ce qui vous fait donc faire des économies de côté-là.
COMMENT ÇA MARCHE, L'OPTIMISATION DE SITE ?
Différents outils sont à la disposition d’un webmaster pour analyser les performances d’un site internet. Notre agence utilise systématiquement GTMetrix, outil complet et relativement exhaustif. Nous utiliserons en exemple notre dernière réalisation, le site du Taxi de l’Hergaraï, et nous regrouperons les différents items à optimiser par catégories.
Optimiser les images
En moyenne, les images représentent le plus gros facteur influençant le temps de chargement d’une page. Dans notre exemple, un score de 100% est atteint dans presque tous les items liés aux images :
- Serve scaled images : consiste à mettre l’image directement aux bonnes dimensions sans que le navigateur ait besoin de le faire (par HTML ou CSS). Notons toutefois qu’en utilisant une image plus grande que prévue et en laissant le navigateur la redimensionner, le rendu visuel est plus net.
- Optimize images : il s’agit essentiellement de compresser les images et de leur donner des dimensions acceptables. En ce qui nous concerne, nous utilisons un logiciel spécifique qui nous permet de réduire la taille des images sans perte de qualité.
- Specify image dimensions : un navigateur peut commencer à afficher une page avant même que les images soient chargées. Pour cela, il faut que les dimensions soient spécifiées dans le code, tout simplement.
Optimiser le code
C’est le deuxième plus gros facteur ayant un impact sur le temps de chargement des pages d’un site. Notre exemple montre un score de 100% dans chaque catégorie, mais gardons à l’esprit que très peu de scripts sont utilisés sur la page en exemple.
- Defer parsing of JavaScript : pour charger une page, votre navigateur doit analyser tous les scripts s’y trouvant. Réduire l’utilisation des scripts ou retarder leur analyse jusqu’à ce qu’ils soient requis (pour un script situé en bas de page par exemple), voilà un moyen efficace de charger vos pages plus rapidement.
- Minimize request size : pendant le chargement d’une page, des requêtes sont envoyées au serveur (les cookies, par exemple). En réduisant leur taille et leur nombre, le temps de chargement diminue.
- Optimize the order of styles and scripts : le style CSS et les scripts JavaScript conditionnent en partie le rendu définitif d’une page et peuvent bloquer son affichage jusqu’à ce qu’ils soient entièrement chargés. En les appelant dans un ordre logique ou en les parallélisant, la page se charge plus rapidement.
- Avoid bad requests : l’exemple le plus connu est la fameuse erreur 404, qui survient lorsqu’une page n’est pas trouvée (car déplacée ou supprimée). Si cette erreur est renvoyée par un fichier qui était nécessaire au bon fonctionnement de la page, bonjour les dégâts et le gaspillage de ressources serveur !
Réduire la taille du code
Encore un élément susceptible d’impacter le temps de chargement de vos pages. Il concerne notamment le HTML (structure), le CSS (style) et le JavaScript (scripts).
- Minify HTML : pas forcément l’item le plus notable en terme d’efficacité, mais compresser un fichier HTML permet de grappiller quelques précieux octets. Toujours bon à prendre.
- Minify CSS : que ce soit une feuille de style externe ou du CSS intriqué dans le code HTML, la compression permet généralement de gagner là encore un peu de poids sur le fichier de sortie final.
- Minify JavaScript : une fois rédigé, un script n’a pas vocation à être modifié. Compresser un fichier JavaScript permet, en général, un gain de poids conséquent, surtout si le script est lourd.
- Inline small CSS/JavaScript : pour un besoin ponctuel, il peut être préférable d’appliquer un style ou un script directement dans le corps de la page. Cela permet d’éviter d’appeler un fichier externe, on gagne une étape, et donc en vitesse de chargement.
Côté serveur
En fonction de l’hébergeur, il peut s’avérer compliqué de jouer sur ces paramètres, mais heureusement cela reste possible la plupart du temps. Certains de ces items ont un effet dévastateur sur la vitesse de votre site s’ils sont négligés.
- Enable gzip compression : procédé de compression en amont, permet de réduire la taille des fichiers envoyé à votre navigateur. Nous ne détaillerons pas son fonctionnement, notons toutefois que son activation est très fortement recommandée pour accélérer vos pages.
- Enable Keep-Alive : là encore nous ne détaillerons pas son fonctionnement technique, et nous nous contenterons de signaler que son activation est là encore requise pour une bonne optimisation.
- Leverage browser caching : encore un paramètre relativement complexe pour le néophyte, mais dont l’activation permet des gains significatifs sur le temps de chargement.
- Specify a cache validator : en complément de l’item précédent, permet d’ajouter une date d’expiration au contenu statique servi au visiteur de votre site internet.
Les autres points…
Le reste ne sera pas détaillé car peu impactant ou impossible à contourner sans solution payante. On pense notamment au CDN, outil qui peut être très efficace mais dont l’intérêt est plus que discutable sur un site à faible trafic.
ET VOUS, VOUS FAITES DE L'OPTIMISATION DE SITE ?
À question simple, réponse simple : oui, nous pratiquons l’optimisation de site. Nous attachons une grande importance à améliorer les performances des sites que nous réalisons. D’ailleurs le SEO étant inclus dans nos offres, nous ne nous posons même pas la question de savoir s’il faut le faire ou pas : IL FAUT LE FAIRE !
Référencement
La vitesse de chargement des pages d’un site internet est un facteur permettant un bon positionnement dans les moteurs de recherche. S’il ne faut pas négliger la qualité de votre contenu, travailler l’optimisation de site est un élément que nous vous conseillons.
Pensez à vos visiteurs
Si le référencement ne vous intéresse pas dans l’immédiat, pensez à vos visiteurs. Des pages qui se chargent rapidement améliorent grandement l’expérience utilisateur. Et un visiteur content, c’est un visiteur qui reviendra vous voir !
Économisez sur l’hébergement
Si vous gérez vous-mêmes votre site internet, l’optimiser permettra de limiter les dépenses liées à l’hébergement. De même, si vous nous confiez la gestion de votre site, nous ferons en sorte de choisir l’hébergement le plus adapté à vos besoins, tout en prenant en considération notre optimisation.
Conclusion
Vous avez tout à gagner en optant pour l’optimisation de site. Contactez-nous dès maintenant pour tout renseignement concernant votre site internet, ou estimez le coût de votre projet web directement en ligne.
Commentaires