·webperf-resources
{}

webperf-resources

✓
nucliweb/webperf-snippetsGitHub: nucliweb/webperf-snippetsQuelle: nucliweb/webperf-snippets

Intelligente Netzwerkqualitätsanalyse mit adaptiven Ladestrategien. Erkennt Verbindungstyp (2g/3g/4g), Bandbreite, RTT und Datenspeichermodus und löst dann automatisch entsprechende Optimierungsworkflows aus. Enthält Entscheidungsbäume, die Bildkomprimierung für langsame Verbindungen, kritisches CSS-Inlining für hohe RTT und Optimierungen beim Speichern von Daten empfehlen (Autoplay deaktivieren, Qualität reduzieren). Bietet verbindungsbezogene Leistungsbudgets (500 KB für 2G, 1,5 MB für 3G, 3 MB für 4G+) und Implementierungsleitfäden für adaptives Laden. Cross-Skill-Integration mit Loading (TTFB-Auswirkung), Media (responsive Bilder) und Core Web Vitals (Verbindungsauswirkung auf LCP/INP). Verwenden Sie diese Option, wenn der Benutzer nach langsamen Verbindungen, mobiler Optimierung, Unterstützung für das Speichern von Daten oder adaptiven Ladestrategien fragt. Kompatibel mit Chrome DevTools MCP.

nucliweb·webperf·resources
11Installationen·1Trend·@nucliweb

Installation

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

So installieren Sie webperf-resources

Installieren Sie den KI-Skill webperf-resources schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: nucliweb/webperf-snippets.

SKILL.md

Original anzeigen

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":

Intelligente Netzwerkqualitätsanalyse mit adaptiven Ladestrategien. Erkennt Verbindungstyp (2g/3g/4g), Bandbreite, RTT und Datenspeichermodus und löst dann automatisch entsprechende Optimierungsworkflows aus. Enthält Entscheidungsbäume, die Bildkomprimierung für langsame Verbindungen, kritisches CSS-Inlining für hohe RTT und Optimierungen beim Speichern von Daten empfehlen (Autoplay deaktivieren, Qualität reduzieren). Bietet verbindungsbezogene Leistungsbudgets (500 KB für 2G, 1,5 MB für 3G, 3 MB für 4G+) und Implementierungsleitfäden für adaptives Laden. Cross-Skill-Integration mit Loading (TTFB-Auswirkung), Media (responsive Bilder) und Core Web Vitals (Verbindungsauswirkung auf LCP/INP). Verwenden Sie diese Option, wenn der Benutzer nach langsamen Verbindungen, mobiler Optimierung, Unterstützung für das Speichern von Daten oder adaptiven Ladestrategien fragt. Kompatibel mit Chrome DevTools MCP. Quelle: nucliweb/webperf-snippets.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
Quelle
nucliweb/webperf-snippets
Kategorie
{}Datenanalyse
Verifiziert
✓
Erstes Auftreten
2026-03-10
Aktualisiert
2026-03-10
URL
https://www.learn-skills.dev/de/skills/nucliweb/webperf-snippets/webperf-resources

Browse more skills from nucliweb/webperf-snippets

Schnelle Antworten

Was ist webperf-resources?

Intelligente Netzwerkqualitätsanalyse mit adaptiven Ladestrategien. Erkennt Verbindungstyp (2g/3g/4g), Bandbreite, RTT und Datenspeichermodus und löst dann automatisch entsprechende Optimierungsworkflows aus. Enthält Entscheidungsbäume, die Bildkomprimierung für langsame Verbindungen, kritisches CSS-Inlining für hohe RTT und Optimierungen beim Speichern von Daten empfehlen (Autoplay deaktivieren, Qualität reduzieren). Bietet verbindungsbezogene Leistungsbudgets (500 KB für 2G, 1,5 MB für 3G, 3 MB für 4G+) und Implementierungsleitfäden für adaptives Laden. Cross-Skill-Integration mit Loading (TTFB-Auswirkung), Media (responsive Bilder) und Core Web Vitals (Verbindungsauswirkung auf LCP/INP). Verwenden Sie diese Option, wenn der Benutzer nach langsamen Verbindungen, mobiler Optimierung, Unterstützung für das Speichern von Daten oder adaptiven Ladestrategien fragt. Kompatibel mit Chrome DevTools MCP. Quelle: nucliweb/webperf-snippets.

Wie installiere ich webperf-resources?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

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

Details

Kategorie
{}Datenanalyse
Quelle
skills.sh
Erstes Auftreten
2026-03-10

Verwandte Skills

webperf
13 Installationen
webperf-core-web-vitals
12 Installationen
webperf-media
12 Installationen
webperf-interaction
11 Installationen
webperf-loading
11 Installationen