Laravel
← Retour à toutes les vérifications

Performance

Poids de page et cache

Pèse votre page et tout ce qu'elle charge, et vérifie la compression et la mise en cache. Les pages lourdes sont lentes sur mobile et consomment les données de vos visiteurs.

Comment ça marche

Une fois par jour, nous téléchargeons votre page et tous les scripts, feuilles de style et images qu'elle référence (jusqu'à 50 fichiers), puis additionnons leur taille. Nous vérifions aussi comment chaque fichier est servi :

  • Compression : les fichiers texte de plus de 1 Ko (HTML, CSS, JavaScript) doivent être compressés en gzip ou Brotli.
  • Cache : les fichiers statiques doivent pouvoir être mis en cache, et les fichiers derrière un CDN doivent venir du cache du CDN plutôt que de votre serveur à chaque fois.
  • Fichiers lourds : tout fichier de plus de 500 Ko, plus de 500 Ko de JavaScript au total, et les images JPEG, PNG ou GIF de plus de 100 Ko, qu'un format moderne comme WebP ou AVIF réduirait.
  • Scripts bloquants : les scripts dans <head> sans async ni defer, qui empêchent la page de s'afficher tant qu'ils ne sont pas chargés.
  • Requêtes : les pages qui nécessitent plus de 80 requêtes.
  • Croissance : une page qui a grossi de 25 % (et d'au moins 100 Ko) depuis l'exécution précédente.

Le poids total de la page est affiché dans le temps.

Paramètres

Paramètre Par défaut Rôle
Budget (Ko) 3000 Échec si la page pèse plus.

Statuts

Statut Signification
OK La page respecte le budget et aucun problème n'a été trouvé.
Avertissement Un des problèmes ci-dessus, ou connexion impossible.
Échec La page pèse plus que votre budget.

Par défaut, vous êtes notifié des échecs uniquement.

Résoudre les problèmes courants

  • Images lourdes : redimensionnez les images à leur taille d'affichage, convertissez-les en WebP ou AVIF, et chargez en différé celles sous la ligne de flottaison avec loading="lazy".
  • Pas de compression : activez gzip ou Brotli dans le serveur web ou le CDN pour le HTML, le CSS, le JavaScript, le JSON et le SVG.
  • Scripts bloquants : ajoutez defer aux scripts dans <head>, ou déplacez-les à la fin de <body>.
  • Trop de JavaScript : supprimez les bibliothèques inutilisées et découpez le bundle pour que chaque page ne charge que ce dont elle a besoin.