Frontend observability with Dynatrace RUM: Core Web Vitals, sessions, errors
Surveiller les frontends web et mobiles avec le Real User Monitoring en DQL â mĂ©triques Core Web Vitals, drill-downs d'Ă©vĂ©nements et sessions utilisateur, suivi d'erreurs, crashes mobiles, liaison frontend-backend
- Quoi
- Surveiller les frontends web et mobiles avec le Real User Monitoring en DQL â mĂ©triques Core Web Vitals, drill-downs d'Ă©vĂ©nements et sessions utilisateur, suivi d'erreurs, crashes mobiles, liaison frontend-backend
- Coût
- Gratuit
- Prérequis
- un compte Dynatrace avec RUM (Real User Monitoring) activĂ© â Dynatrace est une plateforme payante ; un agent ou une personne capable d'interroger l'environnement Dynatrace en DQL
- Installation
- Copiez le prompt dâinstallation ci-dessous dans votre Muse â votre agent fait le reste.
đł Plateforme payante requise â Dynatrace est un service payant : il faut un compte Dynatrace avec RUM (Real User Monitoring) activĂ© pour que ce skill soit utilisable. SĂ©lectionnĂ© par Skill Harbor â le skill de @dynatrace pour l'observabilitĂ© frontend sur le Dynatrace le plus rĂ©cent (RUM, pas RUM Classic) : trois sources de donnĂ©es pour trois questions â mĂ©triques timeseries `dt.frontend.*` pour tendances, dashboards et alertes ; `user.events` pour la cause racine (pages vues, requĂȘtes, clics, erreurs) ; `user.sessions` pour les parcours, le taux de rebond et les agrĂ©gats de session. Le pattern de drill-down : identifier le frontend (grouper par `frontend.name`), trouver la page (`page.name`) ou vue (`view.name`) affectĂ©e, puis affiner avec les dimensions (navigateur, version d'app, gĂ©ographie, type d'appareil, trafic synthĂ©tique vs rĂ©el). Inclut les noms de mĂ©triques clĂ©s (LCP, INP, CLS, FID, TTFB, comptes d'erreurs, volumes de requĂȘtes/actions utilisateur), le mĂ©mo des seuils Core Web Vitals (LCP bon < 2,5 s, INP bon < 200 ms, CLS bon < 0,1), la gestion des champs sensibles (`client.ip`, `user.identifier` masquĂ©s par dĂ©faut â une autorisation de fieldset est nĂ©cessaire), et une carte workflowârĂ©fĂ©rence (web-vitals, user-sessions, error-tracking, mobile-monitoring, frontend-backend-linking, violations CSP, playbook slow-page-load, troubleshooting). BĂ©mols honnĂȘtes : RUM uniquement â le monitoring synthĂ©tique, les services backend, les logs et les problĂšmes sont des skills sĂ©parĂ©s (dt-obs-synthetic, dt-obs-services, dt-obs-logs, dt-obs-problems) non fournis ici ; les fichiers de rĂ©fĂ©rence dĂ©taillĂ©s se chargent Ă la demande. Licence Apache-2.0. Skill Harbor ne vĂ©rifie jamais le code, examinez-le vous-mĂȘme avant usage. DĂ©couvert via skills.sh.
Version :
Installation
PrĂ©requis : un compte Dynatrace avec RUM (Real User Monitoring) activĂ© â Dynatrace est une plateforme payante ; un agent ou une personne capable d'interroger l'environnement Dynatrace en DQL Installe-moi « ObservabilitĂ© frontend avec Dynatrace RUM : Core Web Vitals, sessions, erreurs ». Il enseigne Ă mon agent le workflow RUM de @dynatrace : commencer avec les mĂ©triques dt.frontend.* pour la forme du problĂšme (Core Web Vitals, comptes d'erreurs, latence de requĂȘtes), creuser dans user.events pour la cause racine et user.sessions pour les parcours, grouper par frontend.name puis nom de page/vue, affiner par dimensions navigateur/version d'app/gĂ©o, gĂ©rer les champs sensibles (client.ip, user.identifier nĂ©cessitent une autorisation de fieldset), et suivre la carte workflowârĂ©fĂ©rence pour web-vitals, error-tracking, crashes mobiles, liaison frontend-backend et le playbook slow-page-load. Licence Apache-2.0. DĂ©pĂŽt : https://github.com/dynatrace/dynatrace-for-ai/blob/main/skills/dt-obs-frontends/SKILL.md 1. RĂ©cupĂšre le fichier SKILL.md (et les fichiers d'aide Ă©ventuels) depuis le chemin du dĂ©pĂŽt dans un dossier temporaire et rĂ©sume en une ou deux phrases ce qu'il fait. 2. VĂ©rification de sĂ©curitĂ© : examine le SKILL.md et les scripts pour tout contenu suspect (appels rĂ©seau inattendus, commandes shell, collecte d'identifiants). Ce dĂ©pĂŽt ne devrait contenir aucun secret en dur, les identifiants uniquement via le coffre sĂ©curisĂ©, les hĂŽtes autorisĂ©s dĂ©clarĂ©s dans le SKILL.md. VĂ©rifie que c'est bien le cas ici ; STOP sur tout signal d'alerte et dis-le-moi. 3. Installe-le comme skill : copie le SKILL.md et ses fichiers d'aide dans le rĂ©pertoire des skills de l'agent, dans un dossier nommĂ© « dt-obs-frontends ». 4. VĂ©rifie sans appels rĂ©seau : frontmatter valide, fichiers en place. 5. Indique ce qui a Ă©tĂ© installĂ©, oĂč, et ce qu'il me reste Ă faire moi-mĂȘme (p. ex. s'assurer que RUM est activĂ© dans votre environnement Dynatrace et que l'agent peut l'interroger ; installer sĂ©parĂ©ment les skills compagnons dt-obs-synthetic / dt-obs-services / dt-obs-logs / dt-obs-problems si besoin â non fournis ici). GitHub est optionnel : si j'ai un compte GitHub ou la CLI gh, tu peux l'utiliser ; sinon l'accĂšs public suffit. Ne jamais l'exiger sauf s'il figure dans les prĂ©requis ci-dessus. RĂšgles : ne touche Ă rien en dehors du dossier temporaire et de la cible d'installation. Si quelque chose semble anormal, arrĂȘte-toi et demande-moi.
Questions
Comment installer une création ?
Chaque fiche produit contient un prompt dâinstallation Ă copier-coller. Collez-le dans votre Muse et il installe la crĂ©ation pour vous â sans configuration manuelle.
OĂč va mon argent ?
Directement au vendeur. Skill Harbor ne traite jamais les paiements : le paiement se fait sur la page du vendeur, généralement via Stripe.
Que signifie le â Ă cĂŽtĂ© du nom dâun crĂ©ateur ?
Il signifie que nous avons confirmĂ© lâidentitĂ© de la personne derriĂšre la fiche. Il ne dit rien sur le code lui-mĂȘme â vĂ©rifiez toujours une crĂ©ation avant de lâinstaller.