Les charges utiles des grands réseaux sont fortement corrélées aux délais de chargement interminables. Elles coûtent également de l'argent aux utilisateurs. Par exemple, ils peuvent avoir à payer plus de données mobiles. Par conséquent, réduire la taille totale des requêtes réseau de votre page est bénéfique pour l'expérience utilisateur sur votre site et pour leur portefeuille.
Échec de l'audit de la charge utile réseau Lighthouse
Lighthouse affiche la taille totale en kibioctets (Kio) de toutes les ressources demandées par votre page. Les requêtes les plus importantes sont présentées en premier :
D'après les données de l'archive HTTP, la charge utile réseau médiane se situe entre 1 700 et 1 900 ko. Pour aider à identifier les charges utiles les plus élevées, Lighthouse signale les pages dont les requêtes réseau totales dépassent 5 000 Kio.
Réduire la taille de la charge utile
Essayez de ne pas dépasser 1 600 Ko. Cette cible est basée sur la quantité de données qui peut théoriquement être téléchargée sur une connexion 3G tout en obtenant un temps de réponse de 10 secondes ou moins.
Voici quelques façons de réduire la taille de la charge utile :
- Différez les requêtes jusqu'à ce qu'elles soient nécessaires. Reportez-vous au modèle PRPL pour découvrir une approche possible.
- Optimisez les requêtes pour qu'elles soient aussi petites que possible. Voici quelques techniques possibles :
- les demandes de mise en cache afin que la page ne télécharge pas à nouveau les ressources lors des visites répétées. (Consultez la page de destination sur la fiabilité du réseau pour découvrir le fonctionnement de la mise en cache et comment l'implémenter.)
Conseils spécifiques à la pile
Angular
Divisez le code au niveau de la route pour réduire la taille de vos groupes JavaScript. Envisagez également de mettre préalablement en cache les éléments avec le service worker Angular.
Drupal
Vous pouvez également envisager d'utiliser les styles d'images responsifs pour réduire la taille des images chargées sur votre page. Si vous utilisez Views pour afficher plusieurs éléments de contenu sur une même page, pensez à définir la pagination pour limiter le nombre d'éléments de contenu affichés sur une page.
Joomla
Vous pouvez envisager d'afficher des extraits dans vos catégories d'articles (une solution populaire consiste à utiliser un lien "en savoir plus"), de réduire le nombre d'articles affichés dans une page donnée, de répartir vos articles longs sur plusieurs pages ou d'utiliser un plug-in qui charge de façon différée les commentaires.
WordPress
Envisagez d'afficher des extraits dans vos listes d'articles (utilisez la balise "plus"), de réduire le nombre d'articles affichés sur une page donnée, de répartir vos articles longs sur plusieurs pages ou d'utiliser un plug-in pour charger les commentaires de manière différée.
Ressources
Code source pour l'audit Éviter les charges utiles réseau énormes