Page speed 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
1s3%
1 à 5s19%
6 à 10s49%
11 à 15s65%
16 à 20s80%
plus de 20s100%

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.

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 :

resultats-page-speed-insight

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 !

Frédérique Biau

Traductrice et Rédactrice autour des Nouvelles Technologies et du Web. Frédérique est en charge de partager nos astuces avec l'art et la manière !