Comment optimiser les performances de mon site

27 juin 2019

Quel impact ?

Depuis 2018 Google prend en compte la vitesse de chargement des pages web mobiles comme critère pour le référencement naturel.
De ce fait si votre site web n’est pas rapide sur mobile, Google pénalisera la position de votre site sur les résultats de recherches.

Enfin, c’est depuis 2010 que la rapidité des versions desktop de vos sites ont un impact sur votre référencement.

Outre cet aspect technique, il en va de l’expérience utilisateur…
Si la page web met plus de 3 secondes à s’afficher, c’est 57% des visiteurs qui abandonneront le site.
Constat plus inquiétant : 80% de vos prospects ne reviendront pas sur votre site.

La rapidité de votre site a donc un impact important sur votre référencement mais aussi sur l’image que les internautes ont de vous ! 

Que peut-on améliorer ?

Des solutions existent pour améliorer le temps de chargement de vos pages.
Le point le plus fréquemment négligé : la taille de vos images !

Les appareils photos ou smartphone d’aujourd’hui sont capables de faire des photos de haute qualité.
Mais cette qualité a un inconvénient, le poids du fichier image…
En moyenne une photo en très haute définition fera dans les 5mo.
Cela peut paraître peu et pourtant…

En moyenne, un site web optimisé pèse 3mo !

Vous voyez où nous souhaitons en venir ?

Votre image haute définition est plus lourde qu’une page web optimisée.
Et encore… c’est dans le cas où nous imaginons qu’une seule image sur la page consultée…

Il est important de comprendre que les images présentes sur votre site n’ont pas besoin d’être trop grandes.

Inutile donc d’afficher une image 4k (3840*2160 pixels) sur votre site internet, une image maximale de 1920*1080px suffit.
(Si votre site met en avant une galerie d’image, il existe des méthodes d’affichage en différée de vos images, ne bloquant pas ainsi l’affichage de la page)

Il est important de réfléchir à la disposition de ses images avant de faire des choix.
Par exemple, il sera peu optimisé de mettre une image de 1920*1080px dans un bloc ne faisant que 600*400px.
L’image sera plus grande que son conteneur… 

Il est donc primordiale de redimensionner et compresser certaines images.

Outre les images il existe aussi des outils de compressions de vos fichiers web !
En effet, vos pages sont constituées de plusieurs fichiers de code (html, css, js etc…).
Ce code a lui aussi un certain poids. 

Il est intéressant voir indispensable de les compresser !

L’hébergement de votre site internet est lui aussi très important.
Ne partez pas sur un hébergement low-cost si le trafic de votre site est conséquent.
Les ressources qui vous seront allouées ne seront pas suffisantes.

Penser au cache !

Trop souvent oublié, voir même méconnu.
Le cache permet d’optimiser considérablement votre site ! 

Nous vous proposons une définition de ce qu’est le système de cache : 

“Le cache est un système de mémoire intermédiaire qui permet d’afficher plus rapidement les pages web chargées récemment dans le navigateur (une version de la page visitée est enregistrée sous forme de fichiers temporaires sur l’ordinateur et sera présentée lors d’une prochaine visite, sans avoir à attendre la réponse du serveur)”

Source : définition du cache

Comment puis-je mesure la vitesse de mon site ?

“C’est bien beau de parler d’optimisation mais… Je ne sais même pas comment calculer la vitesse de mon site…”

Il existe plusieurs outils en ligne qui vous permettront d’analyser votre site.
Un rapport vous sera fourni vous indiquant les pistes d’améliorations à étudier. 

Pour vous en citer quelques uns vous pouvez effectuer vos tests sur : 

Attention toutefois à ne pas prendre au pied de la lettre leurs recommandations.
Dans certains cas précis, et selon l’utilisation de votre site, vous ne pourrez pas tout mettre en place.

Concrètement je fais quoi ?

Bonne nouvelle pour vous !
Si vous êtes sur un CMS de type WordPress ou Prestashop, il existe des solutions très simples !

Vous êtes un utilisateur de Prestashop?

Pour prestashop tout d’abords, dans vos paramètres vous aurez la possibilité d’activer la compression de vos fichiers sources et l’activation du cache !
De ce fait. Il ne vous reste qu’à vous occuper de vos photos.
Les images utilisées pour illustrer vos produits sont dors et déjà un minimum optimisées, et oui prestashop s’en occupe tout seul !

Il va prendre l’image que vous lui envoyez et il va se charger de la réduire et de la compresser (toutefois nous ne vous recommandons pas d’envoyer des images trop lourdes).

C’est parfait !

Faites cependant attention sur les autres images de votre site (diaporama en page d’accueil par exemple), ces images là, elles, ne sont pas optimisées. 

Pour redimensionner vos images vous pourrez soit utiliser des logiciels photos (comme photoshop) soit passer par des outils en ligne comme : 

Pareil pour la compression de vos images.
Des logiciels comme photoshop font très bien le travail.
Mais pour une raison ou une autre, vous souhaiterez plutôt passer par un outil en ligne.
Voici quelques sites permettant de compresser vos images : 

Attention cependant à ne pas trop compresser pour ne pas pixeliser votre image.
Le but étant de trouver le juste milieu entre performance et qualité. 

Vous êtes un utilisateur de WordPress ?

Nativement, lorsque vous ajouterez une image sur votre WordPress, plusieurs tailles d’images seront déclinées.
Ainsi, selon le taille de votre conteneur, vous pourrez choisir d’insérer l’image avec la taille la plus adaptée. 

Qu’en est il du cache ? 

Il existe plusieurs module permettant la gestion d’un cache sur WordPress.
Bien que gratuit, leur installation ne vous permettra pas une optimisation optimale.
Cependant, un module se démarque des autres : WP ROCKET

Il va vous permettre de booster votre site très simplement et sans contraintes ! 
Pour vous aider à comparer avec les modules gratuits voici un tableau récapitulatif :

offre de prix wp_rocket

Il vous en coûtera environ 42€HT , vous pouvez l’acquérir ici : WP Rocket
Achetez le sans craintes, vous avez 14 jours pour être satisfaits ou remboursés !

Chez Native Web, tous les sites WordPress de nos clients sont optimisés avec WP ROCKET.
Il est de loin notre meilleur allié pour optimiser les sites de nos clients !

Vous n’êtes pas sous un CMS ?

N’ayez crainte ! Vous ne serez pas mis de côté ! Cependant la mise en place de l’optimisation sera plus complexe pour un non initié.

N’hésitez pas à vous renseigner sur l’activation de la compression Gzip, le cache et la compression de vos fichiers web.

Dans tous les cas, nous sommes là pour vous accompagner dans l’optimisation de votre site internet !

Publié le

27 juin 2019

Catégorie

Partager cet article

Partager sur facebook
Partager sur twitter
Partager sur linkedin