Accélérer le chargement des sites pour smartphones

Jeudi 8 août 2013

Les utilisateurs
nous disent
qu’ils utilisent leur smartphone pour effectuer des recherches en ligne parce que c’est rapide et pratique, mais la page mobile moyenne d’aujourd’hui prend généralement
plus de 7 secondes à charger. Ne serait-il pas formidable que les pages mobiles se chargent en moins d’une seconde ? Aujourd’hui, nous annonçons de nouvelles
directives et un outil
PageSpeed Insights mis à jour pour aider les webmasters à optimiser leurs pages mobiles pour une meilleure performance de rendu.

Prioriser le contenu au-dessus de la ligne de flottaison

Les recherches
montrent
que le flux des utilisateurs est interrompu si le chargement des pages prend plus d’une seconde. Pour offrir la meilleure expérience et maintenir l’engagement du visiteur, nos directives se concentrent sur le rendu d’une partie du contenu, appelé contenu au-dessus de la ligne de flottaison (above-the-fold), aux utilisateurs en une seconde (ou moins !), tandis que le reste de la page continue de se charger et de s’afficher en arrière-plan. Le HTML, CSS et JS au-dessus de la ligne de flottaison est appelé le
chemin de rendu critique.

Nous pouvons obtenir un rendu du contenu au-dessus de la ligne de flottaison en moins d’une seconde sur les réseaux mobiles en appliquant les meilleures pratiques suivantes :

• Le serveur doit rendre la réponse (< 200 ms)
• Le nombre de redirections doit être minimisé
• Le nombre d’allers-retours pour le premier rendu doit être minimisé
• Évitez le JavaScript et le CSS externes bloquants dans le contenu au-dessus de la ligne de flottaison
• Réservez du temps pour la mise en page et le rendu du navigateur (200 ms)
• Optimisez l’exécution du JavaScript et le temps de rendu

Celles-ci sont expliquées plus en détail dans les
pages d’aide spécifiques aux mobiles, et lorsque vous êtes prêt, vous pouvez tester vos pages et les améliorations que vous apportez à l’aide de l’outil
PageSpeed Insights .

Comme toujours, si vous avez des questions ou des commentaires, veuillez les publier dans notre
groupe de discussion.

Publié par
Bryan McQuade, ingénieur logiciel, et Pierre Far, analyste des tendances pour les webmasters