Le chargement de la page n'est pas assez rapide sur les réseaux mobiles

Attention:Les tests des applications Web progressives dans Lighthouse sont obsolètes. Pour en savoir plus sur l'abandon de cette fonctionnalité, consultez les critères d'installabilité mis à jour de Chrome. Pour obtenir des conseils sur les tests, consultez la documentation sur les PWA

.

De nombreux utilisateurs de votre page accèdent à celle-ci via une connexion réseau mobile lente. Le chargement rapide de votre page sur un réseau mobile permet d'offrir une expérience positive à vos utilisateurs mobiles.

Remarque:Un chargement de page rapide sur un réseau mobile est une exigence de base pour qu'un site soit considéré comme une progressive web app. Consultez la checklist de base pour les progressive web apps.

Pourquoi l'audit de la vitesse de chargement des pages Lighthouse échoue-t-il ?

Lighthouse signale les pages qui ne se chargent pas assez rapidement sur mobile:

Deux métriques principales affectent la perception du temps de chargement par les utilisateurs:

• First Meaningful Paint (FMP), qui mesure le moment où le contenu principal de la page apparaît visuellement complet
• Délai avant interactivité (TTI), qui mesure le moment où la page est entièrement interactive

Par exemple, si une page semble visuellement complète au bout d'une seconde, mais que l'utilisateur ne peut pas interagir avec elle pendant 10 secondes, il percevra probablement le temps de chargement de la page comme étant de 10 secondes.

Lighthouse calcule la valeur du TTI sur une connexion réseau 4G lente. Si le temps d'interaction est supérieur à 10 secondes, l'audit échoue.

Remarque:Dans l'interface utilisateur du rapport Lighthouse, le badge PWA complet est attribué lorsque vous réussissez tous les audits de toutes les sous-catégories de PWA (Rapide et fiable, Installable (Installable) et PWA optimized (Optimisation PWA)).

Améliorer votre score global de performances

Sauf si vous avez une raison spécifique de vous concentrer sur une métrique particulière, il est généralement préférable de vous concentrer sur l'amélioration de votre score global de performances.

Utilisez la section Diagnostics de votre rapport Lighthouse pour déterminer quelles améliorations seront les plus utiles pour votre page. Plus l'opportunité est importante, plus elle aura d'impact sur votre score de performances. Par exemple, la capture d'écran Lighthouse suivante montre que l'élimination des ressources bloquant le rendu apportera la plus grande amélioration:

Lighthouse: section "Diagnostics"

Consultez les audits des performances pour découvrir comment exploiter les opportunités identifiées dans votre rapport Lighthouse.

Ressources

• Code source de l'audit Le chargement de la page n'est pas suffisamment rapide sur les réseaux mobiles
• Checklist de référence pour les progressive web apps
• Chemin critique de rendu
• Premiers pas avec l'analyse des performances d'exécution
• Enregistrer les performances de chargement
• Optimiser l'efficacité des contenus
• Performances d'affichage