diff --git a/docs/assets/images/07-monitoring/crux-devtools.png b/docs/assets/images/07-monitoring/crux-devtools.png new file mode 100644 index 0000000..086d781 Binary files /dev/null and b/docs/assets/images/07-monitoring/crux-devtools.png differ diff --git a/docs/assets/images/07-monitoring/crux-yt.png b/docs/assets/images/07-monitoring/crux-yt.png new file mode 100644 index 0000000..77d5ae7 Binary files /dev/null and b/docs/assets/images/07-monitoring/crux-yt.png differ diff --git a/docs/assets/images/07-monitoring/crux.png b/docs/assets/images/07-monitoring/crux.png new file mode 100644 index 0000000..b001bf8 Binary files /dev/null and b/docs/assets/images/07-monitoring/crux.png differ diff --git a/docs/assets/images/07-monitoring/cycle-1.svg b/docs/assets/images/07-monitoring/cycle-1.svg new file mode 100644 index 0000000..b64d75e --- /dev/null +++ b/docs/assets/images/07-monitoring/cycle-1.svg @@ -0,0 +1,10 @@ + + + + + + + + Local / DevTools- Pendant les développements- Pour optimisations- Ou debugPertinence👍Précision👍👍👍 \ No newline at end of file diff --git a/docs/assets/images/07-monitoring/cycle-2.svg b/docs/assets/images/07-monitoring/cycle-2.svg new file mode 100644 index 0000000..8c70c51 --- /dev/null +++ b/docs/assets/images/07-monitoring/cycle-2.svg @@ -0,0 +1,10 @@ + + + + + + + + - Non régression- Test de nouveaux devsPertinence👍Précision👍👍Auto / Synthetic👍Local / DevTools- Pendant les développements- Pour optimisations- Ou debugPertinence👍Précision👍👍👍 \ No newline at end of file diff --git a/docs/assets/images/07-monitoring/cycle-3.svg b/docs/assets/images/07-monitoring/cycle-3.svg new file mode 100644 index 0000000..3ad8e46 --- /dev/null +++ b/docs/assets/images/07-monitoring/cycle-3.svg @@ -0,0 +1,10 @@ + + + + + + + + Utilisateur (RUM)- Détecter les anomalies- Prioriser les correctifs- Mesurer les changements- Faire du reporting- Faire de l'alertingPertinencePrécision👍👍👍👍- Non régression- Test de nouveaux devsPertinence👍Précision👍👍Auto / Synthetic👍Local / DevTools- Pendant les développements- Pour optimisations- Ou debugPertinence👍Précision👍👍👍 \ No newline at end of file diff --git a/docs/markdown/07-monitoring/10-intro.md b/docs/markdown/07-monitoring/10-intro.md index 394c992..e27be37 100644 --- a/docs/markdown/07-monitoring/10-intro.md +++ b/docs/markdown/07-monitoring/10-intro.md @@ -2,17 +2,15 @@ ## Pourquoi collecter de la donnée utilisateur ? + + ##==## # Observabilité ## Pourquoi collecter de la donnée utilisateur ? -| | Local | Automatisé | -| ---------- | ------------------------------------------------------------- | ---------------- | -| Rôle | - Pendant les développements
- Optimisation
- Debug | - Non régression | -| Pertinence | 👍 | 👍👍 | -| Précision | 👍👍👍 | 👍👍 | + ##==## @@ -20,8 +18,4 @@ ## Pourquoi collecter de la donnée utilisateur ? -| | Local | Automatisé | Utilisateur (RUM) | -| ---------- | ------------------------------------------------------------- | ---------------- | --------------------------------------------------------------------------------------------------------------------------------------------------- | -| Rôle | - Pendant les développements
- Optimisation
- Debug | - Non régression | - Détection d'anomalies en prod
- Prioriser les correctifs / optimisations
- Mesurer les effets des changements
- Faire du reporting | -| Pertinence | 👍 | 👍👍 | 👍👍👍 | -| Précision | 👍👍👍 | 👍👍 | 👍 | + diff --git a/docs/markdown/07-monitoring/20-tools.md b/docs/markdown/07-monitoring/20-tools.md index 5b82cb3..9f2e328 100644 --- a/docs/markdown/07-monitoring/20-tools.md +++ b/docs/markdown/07-monitoring/20-tools.md @@ -2,4 +2,4 @@ ## Les outils - + diff --git a/docs/markdown/07-monitoring/21-crux.md b/docs/markdown/07-monitoring/21-crux.md new file mode 100644 index 0000000..88958df --- /dev/null +++ b/docs/markdown/07-monitoring/21-crux.md @@ -0,0 +1,48 @@ + + +# Observabilité + +## Zoom sur le CrUX + +Donnée collectée sur des navigateurs réels. + +Disponible sur BigQuery, et à travers plusieurs outils + +Permet de : + +- Suivre l'évolution des performances sur la durée +- étudier les sites concurrents ou similaires +- Trouver des éléments de comparaison +- Base pour définir des budgets ou objectifs + +##--## + +
+ + + + + +https://developer.chrome.com/docs/crux/methodology/tools?hl=fr + + + +
+ +##==## + +# Observabilité + +## Zoom sur le CrUX : tableau de bord + + + +##==## + +# Observabilité + +## Zoom sur le CrUX + +Visible dans les devtools :
Permet de comparer les performances locales et celles d'un service distant, publique. + + diff --git a/docs/scripts/slides.js b/docs/scripts/slides.js index 04a3e88..044912c 100644 --- a/docs/scripts/slides.js +++ b/docs/scripts/slides.js @@ -201,6 +201,7 @@ function observabilitySlides() { '07-monitoring/01-title.md', '07-monitoring/10-intro.md', '07-monitoring/20-tools.md', + '07-monitoring/21-crux.md', '07-monitoring/30-metrics.md', '07-monitoring/40-sampling.md', '07-monitoring/50-reporting.md',