Expériences Page Speed
Une expérience montre ce qu'une modification apporterait à la vitesse de votre page avant que vous la développiez et la déployiez. Vous choisissez une ou plusieurs modifications, par exemple retirer un script de gestionnaire de balises ou précharger l'image principale, et LoadFocus mesure la page avec et sans elles.
Rien ne change sur votre site. Chaque expérience audite la page deux fois, dans des navigateurs neufs : une fois telle quelle et une fois avec vos modifications, dans un ordre aléatoire. Les deux versions sont mesurées au même moment, donc l'écart que vous voyez vient des modifications. Les modifications ne s'appliquent qu'au document HTML principal reçu par le navigateur de test.
Lancer une expérience
- Ouvrez un résultat du moniteur à tester depuis la page des moniteurs.
- Descendez jusqu'à Tester une modification sans la déployer.
- Choisissez un type de modification dans la première ligne et remplissez ses champs.
- Cliquez sur Ajouter une modification pour chaque modification supplémentaire, jusqu'à 10. Le bouton × retire une ligne.
- Cliquez sur Lancer l'expérience.
Une expérience prend environ une minute. Le résultat apparaît dans la même section une fois terminé.
Types de modification
| Modification | Ce que vous saisissez |
|---|---|
| Retirer un script | Un texte contenu dans l'URL du script, par exemple googletagmanager.com |
| Différer un script (defer) | Un texte contenu dans l'URL du script |
| Charger un script en async | Un texte contenu dans l'URL du script |
| Retirer une feuille de style | Un texte contenu dans l'URL de la feuille de style |
| Précharger une ressource | L'URL à précharger (une URL complète ou un chemin comme /images/hero.avif), son type (image, font, style, script ou fetch) et Priorité haute si elle doit se charger en premier |
Ajouter du HTML dans <head> | Le HTML à ajouter, par exemple une balise <link rel="preconnect"> |
| Rechercher et remplacer dans le HTML | Le texte exact à chercher dans le HTML et ce qui doit le remplacer |
Les champs HTML, recherche et remplacement acceptent jusqu'à 5 000 caractères chacun.
Comme seul le document HTML principal est modifié, une modification ne peut toucher que ce qui se trouve dans ce HTML. Un script ajouté par un autre script pendant l'exécution de la page n'y figure pas, donc les modifications basées sur l'URL ne peuvent pas le trouver.
Lire le résultat
Le résultat liste d'abord vos modifications, chacune avec le nombre de fois où elle a été appliquée. rien trouvé sur la page signifie que la modification n'a eu aucun effet : vérifiez le texte de l'URL ou le texte exact saisi, puis réessayez.
Une page qui n'est pas en UTF-8 ne peut pas recevoir de texte inséré avec accents ou symboles. Une modification qui insérerait un tel texte n'est pas appliquée et est marquée ignorée : cette page n'est pas en UTF-8.
En dessous, Sans modifications et Avec modifications sont comparés côte à côte, avec la même présentation que Comparer les exécutions (voir Blocage des builds en CI) : scores, métriques, poids de la page, requêtes nouvelles et supprimées, et les audits qui ont commencé ou cessé d'échouer.
Expériences précédentes liste vos expériences récentes pour le moniteur avec leur statut (En cours, Terminée ou Échouée). Cliquez sur l'une d'elles pour rouvrir son résultat. Une expérience sans réponse au bout de 15 minutes est marquée comme échouée.
Idées de modifications à tester
La page de résultat montre déjà de bons candidats :
- Principales opportunités indique les plus grosses économies estimées, voir Opportunités Lighthouse.
- Dans la Cascade des requêtes, les requêtes signalées Bloque le rendu valent la peine d'être testées avec Différer un script (defer) ou Charger un script en async, et celles signalées Préchargé sont déjà préchargées par votre page.
- L'Élément Largest Contentful Paint du Diagnostic de performance vous indique quelle image tester avec Précharger une ressource, voir Largest Contentful Paint.
Limites
- Jusqu'à 10 modifications par expérience.
- 3 expériences par jour avec le plan gratuit, 30 avec les plans payants, comptées sur les dernières 24 heures. Chaque expérience compte pour deux exécutions de test.
- Les moniteurs avec un parcours utilisateur, les moniteurs qui se connectent et les moniteurs avec des en-têtes d'authentification (voir Authentification HTTP) ne sont pas encore pris en charge.
- Les expériences ne sont pas disponibles pour les moniteurs qui s'exécutent depuis Middle East (Bahrain) ou Middle East (UAE).
- Les membres de l'équipe dont le rôle est en lecture seule peuvent voir les expériences mais pas en lancer.