المهارات performance-profiling
📊

performance-profiling

آمن

Analyser les performances web avec Lighthouse

Cette compétence aide les développeurs à mesurer et optimiser les performances des applications web grâce aux audits Lighthouse et aux outils de développement du navigateur. Elle fournit un workflow structuré pour identifier les goulots d'étranglement et améliorer les scores Core Web Vitals.

يدعم: Claude Codex Code(CC)
📊 71 كافٍ
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "performance-profiling". Exécuter un audit Lighthouse sur mon site web

النتيجة المتوقعة:

Score de performance : 78/100

Principales conclusions :
- LCP : 2,8s (À améliorer)
- CLS : 0,05 (Bon)
- INP : 180ms (Bon)

Recommandations :
1. Éliminer les ressources bloquant le rendu
2. Dimensionner correctement les images
3. Réduire le temps d'exécution JavaScript

استخدام "performance-profiling". Quels sont les seuils des Core Web Vitals ?

النتيجة المتوقعة:

Seuils des Core Web Vitals :

| Métrique | Bon | Médiocre |
|----------|-----|----------|
| LCP | < 2,5s | > 4,0s |
| INP | < 200ms | > 500ms |
| CLS | < 0,1 | > 0,25 |

التدقيق الأمني

آمن
v1 • 2/24/2026

Evaluated 11 static security findings. All patterns detected are false positives. The subprocess.run call uses list arguments (not shell=True), preventing command injection. Temp file operations use the safe tempfile module. Documentation examples in SKILL.md are not executable code. The 'cryptographic algorithm' alerts were misidentified keywords. This is a legitimate performance profiling skill with no security concerns.

2
الملفات التي تم فحصها
226
الأسطر التي تم تحليلها
5
النتائج
1
إجمالي عمليات التدقيق

مشكلات عالية المخاطر (2)

scripts/lighthouse_audit.py:22-34
Subprocess Execution
subprocess.run called at line 22 to execute lighthouse CLI. Arguments passed as list (not shell=True), preventing command injection. User input (URL) is safely passed as direct argument.
SKILL.md:3SKILL.md:148
Cryptographic Algorithm Detection
Scanner flagged 'measure, analyze, optimize' keywords as cryptographic algorithms. This is a false positive from keyword pattern matching.
مشكلات متوسطة المخاطر (2)
scripts/lighthouse_audit.py:14scripts/lighthouse_audit.py:19scripts/lighthouse_audit.py:36-39
File System Operations
Temp file creation and cleanup using os module. Legitimate use for storing Lighthouse report output.
SKILL.md:19SKILL.md:47-52
Documentation Shell Examples
Backtick syntax in documentation showing example commands. These are documentation, not executable code.
مشكلات منخفضة المخاطر (1)
scripts/lighthouse_audit.py:6
Hardcoded URL in Documentation
URL string appears in docstring as usage example. Not actual network code.
تم تدقيقه بواسطة: claude

درجة الجودة

45
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
73
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

Développeur frontend optimisant la vitesse de chargement

Un développeur frontend souhaite améliorer les performances de chargement de son application web. Il utilise cette compétence pour exécuter des audits Lighthouse, identifier les principaux goulots d'étranglement de performance et appliquer des optimisations ciblées.

Ingénieur DevOps configurant des vérifications de performance CI

Un ingénieur DevOps souhaite ajouter des tests de performance automatisés à son pipeline CI/CD. Il utilise le script Lighthouse de la compétence pour exécuter des audits à chaque déploiement et faire échouer les builds qui tombent sous les seuils de performance.

Développeur full-stack résolvant des problèmes d'exécution

Un développeur full-stack remarque des interactions lentes sur son application web. Il utilise cette compétence pour profiler les performances d'exécution, identifier les tâches longues et trouver les fuites de mémoire à l'aide de l'onglet Mémoire de DevTools.

جرّب هذه الموجهات

Audit Lighthouse de base 
Exécutez un audit de performance Lighthouse sur https://example.com en utilisant la compétence performance-profiling. Affichez-moi le score de performance et les principales recommandations.
Analyser les Core Web Vitals 
En utilisant la compétence performance-profiling, expliquez ce que mesurent les Core Web Vitals (LCP, INP, CLS) et fournissez des conseils pour améliorer chaque métrique.
Analyse d'optimisation de bundle 
Appliquez la compétence performance-profiling pour analyser un bundle JavaScript volumineux. Quels problèmes courants dois-je rechercher et quelles sont les actions d'optimisation recommandées ?
Mise en œuvre du workflow de performance 
En utilisant le workflow de profilage en 4 étapes de la compétence performance-profiling (BASELINE, IDENTIFY, FIX, VALIDATE), aidez-moi à optimiser une application web lente. Commencez par établir une base de référence.

أفضل الممارسات

  • Toujours établir une base de référence de performance avant d'apporter des modifications
  • Se concentrer d'abord sur le goulot d'étranglement le plus important plutôt que sur les micro-optimisations
  • Valider les améliorations avec des mesures répétées pour tenir compte de la variance

تجنب

  • Deviner les problèmes de performance sans profiler d'abord
  • Optimiser le code avant d'identifier le goulot d'étranglement réel
  • Ignorer les données utilisateurs réelles en faveur des tests synthétiques uniquement

الأسئلة المتكررة

Quels outils cette compétence utilise-t-elle ?
Cette compétence utilise Lighthouse pour l'audit de performance et les DevTools du navigateur pour le profilage d'exécution. Lighthouse CLI doit être installé séparément.
Dois-je installer des dépendances ?
Oui, vous devez installer Lighthouse CLI globalement avec : npm install -g lighthouse
Cette compétence peut-elle profiler des sites web locaux ?
Oui, vous pouvez exécuter Lighthouse sur localhost ou tout serveur de développement local en cours d'exécution.
Que sont les Core Web Vitals ?
Les Core Web Vitals sont les métriques standardisées de Google : Largest Contentful Paint (LCP), Interaction to Next Paint (INP) et Cumulative Layout Shift (CLS).
À quelle fréquence dois-je exécuter des audits de performance ?
Exécutez des audits pendant le développement, avant les déploiements, et régulièrement en production en utilisant la surveillance des utilisateurs réels (RUM).
Que faire si mon score de performance est médiocre ?
Utilisez le workflow en 4 étapes : établir une base de référence, identifier le goulot d'étranglement le plus important, appliquer un correctif ciblé, puis valider l'amélioration avant de passer au problème suivant.

تفاصيل المطور

المؤلف

sickn33

الترخيص

MIT

المستودع

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/performance-profiling

مرجع

main

بنية الملفات

📁 scripts/

📄 lighthouse_audit.py

📄 SKILL.md