·webperf-resources
{}

webperf-resources

Analyse intelligente de la qualité du réseau avec des stratégies de chargement adaptatives. Détecte le type de connexion (2g/3g/4g), la bande passante, le RTT et le mode de sauvegarde des données, puis déclenche automatiquement les flux de travail d'optimisation appropriés. Comprend des arbres de décision qui recommandent la compression d'image pour les connexions lentes, l'intégration CSS critique pour un RTT élevé et des optimisations de sauvegarde des données (désactiver la lecture automatique, réduire la qualité). Comprend des budgets de performances tenant compte de la connexion (500 Ko pour 2G, 1,5 Mo pour 3G, 3 Mo pour 4G+) et des guides de mise en œuvre du chargement adaptatif. Intégration transversale avec Loading (impact TTFB), Media (images responsives) et Core Web Vitals (impact de connexion sur LCP/INP). À utiliser lorsque l'utilisateur pose des questions sur les connexions lentes, l'optimisation mobile, la prise en charge des données de sauvegarde ou les stratégies de chargement adaptatif. Compatible avec Chrome DevTools MCP.

11Installations·1Tendance·@nucliweb

Installation

$npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources

Comment installer webperf-resources

Installez rapidement le skill IA webperf-resources dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : nucliweb/webperf-snippets.

JavaScript snippets for measuring web performance in Chrome DevTools. Execute with mcpchrome-devtoolsevaluatescript, capture output with mcpchrome-devtoolsgetconsolemessage.

When the user asks about network performance, connection quality, or adaptive loading:

When implementing adaptive loading or the user asks "how to optimize for slow connections":

Analyse intelligente de la qualité du réseau avec des stratégies de chargement adaptatives. Détecte le type de connexion (2g/3g/4g), la bande passante, le RTT et le mode de sauvegarde des données, puis déclenche automatiquement les flux de travail d'optimisation appropriés. Comprend des arbres de décision qui recommandent la compression d'image pour les connexions lentes, l'intégration CSS critique pour un RTT élevé et des optimisations de sauvegarde des données (désactiver la lecture automatique, réduire la qualité). Comprend des budgets de performances tenant compte de la connexion (500 Ko pour 2G, 1,5 Mo pour 3G, 3 Mo pour 4G+) et des guides de mise en œuvre du chargement adaptatif. Intégration transversale avec Loading (impact TTFB), Media (images responsives) et Core Web Vitals (impact de connexion sur LCP/INP). À utiliser lorsque l'utilisateur pose des questions sur les connexions lentes, l'optimisation mobile, la prise en charge des données de sauvegarde ou les stratégies de chargement adaptatif. Compatible avec Chrome DevTools MCP. Source : nucliweb/webperf-snippets.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
Catégorie
{}Analyse de Données
Vérifié
Première apparition
2026-03-10
Mis à jour
2026-03-10

Browse more skills from nucliweb/webperf-snippets

Réponses rapides

Qu'est-ce que webperf-resources ?

Analyse intelligente de la qualité du réseau avec des stratégies de chargement adaptatives. Détecte le type de connexion (2g/3g/4g), la bande passante, le RTT et le mode de sauvegarde des données, puis déclenche automatiquement les flux de travail d'optimisation appropriés. Comprend des arbres de décision qui recommandent la compression d'image pour les connexions lentes, l'intégration CSS critique pour un RTT élevé et des optimisations de sauvegarde des données (désactiver la lecture automatique, réduire la qualité). Comprend des budgets de performances tenant compte de la connexion (500 Ko pour 2G, 1,5 Mo pour 3G, 3 Mo pour 4G+) et des guides de mise en œuvre du chargement adaptatif. Intégration transversale avec Loading (impact TTFB), Media (images responsives) et Core Web Vitals (impact de connexion sur LCP/INP). À utiliser lorsque l'utilisateur pose des questions sur les connexions lentes, l'optimisation mobile, la prise en charge des données de sauvegarde ou les stratégies de chargement adaptatif. Compatible avec Chrome DevTools MCP. Source : nucliweb/webperf-snippets.

Comment installer webperf-resources ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Où se trouve le dépôt source ?

https://github.com/nucliweb/webperf-snippets

Détails

Catégorie
{}Analyse de Données
Source
skills.sh
Première apparition
2026-03-10