Pourquoi et comment optimiser le temps de chargement des pages ?

Pourquoi optimiser le temps de chargement des vos pages est si important ?

Optimiser le temps de chargement de vos pages vous permettra d’être bien perçu par les robots des moteurs de recherche, ces derniers voyants toujours d’un bon œil les efforts réalisés pour améliorer l’expérience utilisateurs. Il faudra par ailleurs veiller à soigner le temps de chargement des pages de votre version mobile qui est aujourd’hui au cœur de toutes les attentions.

Depuis début 2015, Google insiste régulièrement sur le fait que l’accessibilité mobile joue un rôle dans le positionnement des résultats de recherche sur mobile. Voici une liste de quelques éléments à considérer (Liste non exhaustive) qui vous permettront d’améliorer le temps de chargement des pages de votre site.

Ralentissements dus à la présence de fichiers JavaScript / CSS

Pensez à différer le chargement des codes JavaScript et CSS qui ralentissent fortement l’affichage du contenu de votre page, en particulier celui censé s’afficher au-dessus de la ligne de flottaison. Pour cela, plusieurs méthodes existent :

• Placez les fichiers en bas de page lorsque cela est possible.
• Idéalement, chargez vos scripts de façon asynchrone.

Mieux exploiter la mise en cache du navigateur

Définissez une date d’expiration ou une durée de validité maximale pour les ressources statiques dans les en-têtes HTTP. Vous serez ainsi en mesure d’indiquer au navigateur d’aller chercher les ressources déjà téléchargées sur le disque local plutôt que sur le réseau.

Optimiser les images

Les images sont souvent responsables d’un temps de chargement élevé des pages. Choisir un format approprié et compressé au maximum sans perte de qualité vous permettra de libérer une grande quantité d’octets de données.

Il existe bien sûr de nombreux autres éléments à optimiser, voici une liste d’outils et de ressources qui vous permettront d’avoir plus d’informations concernant la vitesse de chargement de vos pages sur mobiles et ordinateurs de bureau :

• Google PageSpeed Insight : https://developers.google.com/speed/pagespeed/insights/?hl=fr
• Google test de compatibilité mobile : https://www.google.com/webmasters/tools/mobile-friendly/?hl=fr