Page speed pour accélérer votre site internet mobile

Page speed pour accélérer votre site internet mobile

On se concentre généralement sur le contenu de notre site web et c’est une excellente chose. Jusqu’à aujourd’hui, on se souciait peu du temps de chargement des pages. Avec la fibre et le haut débit ce n’était pas un sujet.

Optimiser le temps de chargement de votre site sur mobile et augmenter vos conversions !

"Maintenant qu'1 visiteur sur 2 consulte les sites web depuis un support mobile, le sujet devient des plus importants."

On sait que l’internaute est l’être le plus impatient du monde, il prend en moins de 3 secondes la décision de rester sur un site ou non. Ajoutons à cela qu’une page sur un mobile peut se charger, en fonction de son poids, entre 1 à 20 secondes, le sujet devient majeur.

Le temps de chargement d’une page fait donc officiellement partie des critères que Google jugera sur votre site. Ce critère prendra de plus en plus d’importance dans les mois à venir. On parle ici du fameux google mobile friendly dont Google parle tant.

Toutes les secondes comptent !

Une récente étude menée par dynatrace.com et akamai.com doit vous motiver à optimiser le temps de chargement de vos pages.

L’équation est simple. Plus votre page est lente, plus vous perdez d’internautes, donc de potentiels clients.

Temps de chargement % d'abandon d'internautes
1s 3%
1 à 5s 19%
6 à 10s 49%
11 à 15s 65%
16 à 20s 80%
plus de 20s 100%

Très concrètement : Si un site e-commerce fait 10.000 € de CA / mois, un retard d'1 seconde au chargement de la page peut lui coûter de 3 à 8 000 € de CA chaque année.

Créez un site web bien référencé et optimisé pour le SEO

Comment calculer le temps de chargement de vos pages?

Plusieurs outils existent pour mesurer le temps de chargement des pages d’un site internet. Il est surtout intéressant d’identifier ce qu’il faut optimiser pour diminuer ce temps de chargement.

En avril 2015, Google a sorti l'outil Page Speed Insight. Cet outil scanne l’ensemble de la page et indique, par ordre de priorité, les éléments à optimiser. Pour être franc, 90% des recommandations sont techniques et demanderont l’intervention d’un développeur.

Exemple de résultats fournis par Page Speed : 

résultats-page-speed-insight.png

Accélérer le temps de chargement de vos pages

De nombreux éléments peuvent impacter le temps de chargement de vos pages. Google PageSpeed Insights vous communiquera une liste exhaustive et précise. Malheureusement la plupart des éléments demanderont l'intervention d'un développeur.

Voici (en français) les principaux éléments qui peuvent ralentir le chargement de votre page:

Optimiser les images (novice)

Chacune de vos images doit être optimisée pour se charger rapidement. Pour cela, elles doivent :

En effet, il n'est pas rare qu'on ajoute une image de 2 000 pixels pour finalement l'afficher sur 200 pixels.

Google PageSpeed Insights vous indique chacune des images que vous pouvez optimiser. Voici deus outils qui vous permettront d'optimiser le poids de vos images tout en conservant la qualité :

Codes JavaScript et CSS bloquent l'affichage (experts)

Dans ce cas, Google conseille de charger prioritairement les contenus destinés aux internautes tels que les images et les textes avant de charger des éléments techniques comme :

  • le suivi statistique,
  • les réseaux sociaux,
  • la charte graphiques (CSS).

Réduire le temps de réponse du serveur (experts)

Il s'agit de la rapidité à laquelle votre serveur envoie les données à votre internaute. De nombreux facteurs aussi techniques les uns que les autres peuvent être à l'origine de ces lenteurs :

  • des requêtes de base de données,
  • du routage,
  • une insuffisance des ressources processeur ou mémoire,
  • etc.

Exploiter la mise en cache du navigateur (experts)

Pour expliquer la mise en cache, il faut expliquer comment se compose une page web. Généralement, la page d'un site internet est générée dynamiquement à chaque demande d'un internaute. Cela permet de s'assurer que la dernière version est présentée.

La mise en cache, permet d'éviter de re-générer une page web à chaque demande d'un internaute. Le principe est donc le suivant.

Si page modifiée alors régénération, si page non modifié, montrer à l'internaute la page préalablement générée. Dans cette dernière situation l'affichage de la page peut-être jusqu'à 10 fois plus rapide car le serveur a déjà une version de page à présenter à l'internaute.

Si vous souhaitez en savoir plus, voici les 5 choses à faire pour le référencement de votre site web.

A vous de jouer !

Nouveau guide gratuit. Votre site est-il efficace ?

Stanislas Almeida

Stanislas Almeida

Expert en création de site internet et référencement naturel.

Plus de conseils pour créer un site efficace

Pourquoi utiliser Google My Business ?

Presque 60% du trafic de l’internet vient aujourd’hui des Smartphones et des tablettes. L’usage de la recherche sur internet a donc profondément évolué ce qui a amené les moteurs de recherche à introduire la notion de référencement local dans...

Lire la suite

Pourquoi adapter votre site web pour le mobile ?

Si vous vous posez encore la question, l'instant est grave car vous délaissez une grande partie de votre audience.

Lire la suite

Les 15 logiciels SEO indispensables

Vous êtes en train de repenser votre stratégie digitale ou de faire la refonte votre site internet ? C’est le bon moment pour vous poser la question de votre positionnement SEO sur les principaux moteurs de recherche.

Lire la suite

Tailles des balises titres et descriptions sur mobile

Avec 60% de mobinautes, vos sites mobiles doivent maintenant s'adapter à votre audience et cela commence pas les balises titres et descriptions de vos pages.

Lire la suite