·webperf-resources
{}

webperf-resources

Analisi intelligente della qualità della rete con strategie di caricamento adattative. Rileva il tipo di connessione (2g/3g/4g), la larghezza di banda, l'RTT e la modalità di salvataggio dei dati, quindi attiva automaticamente i flussi di lavoro di ottimizzazione appropriati. Include alberi decisionali che consigliano la compressione delle immagini per connessioni lente, integrazione CSS critica per RTT elevato e ottimizzazioni dei dati di salvataggio (disabilita la riproduzione automatica, riduci la qualità). Dispone di budget prestazionali basati sulla connessione (500 KB per 2G, 1,5 MB per 3G, 3 MB per 4G+) e guide all'implementazione del caricamento adattivo. Integrazione di competenze trasversali con caricamento (impatto TTFB), media (immagini reattive) e Core Web Vitals (impatto della connessione su LCP/INP). Da utilizzare quando l'utente chiede informazioni su connessioni lente, ottimizzazione mobile, supporto per il salvataggio dei dati o strategie di caricamento adattivo. Compatibile con Chrome DevTools MCP.

11Installazioni·1Tendenza·@nucliweb

Installazione

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

Come installare webperf-resources

Installa rapidamente la skill AI webperf-resources nel tuo ambiente di sviluppo tramite riga di comando

  1. Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
  2. Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
  3. Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

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

Analisi intelligente della qualità della rete con strategie di caricamento adattative. Rileva il tipo di connessione (2g/3g/4g), la larghezza di banda, l'RTT e la modalità di salvataggio dei dati, quindi attiva automaticamente i flussi di lavoro di ottimizzazione appropriati. Include alberi decisionali che consigliano la compressione delle immagini per connessioni lente, integrazione CSS critica per RTT elevato e ottimizzazioni dei dati di salvataggio (disabilita la riproduzione automatica, riduci la qualità). Dispone di budget prestazionali basati sulla connessione (500 KB per 2G, 1,5 MB per 3G, 3 MB per 4G+) e guide all'implementazione del caricamento adattivo. Integrazione di competenze trasversali con caricamento (impatto TTFB), media (immagini reattive) e Core Web Vitals (impatto della connessione su LCP/INP). Da utilizzare quando l'utente chiede informazioni su connessioni lente, ottimizzazione mobile, supporto per il salvataggio dei dati o strategie di caricamento adattivo. Compatibile con Chrome DevTools MCP. Fonte: nucliweb/webperf-snippets.

Fatti (pronti per citazione)

Campi e comandi stabili per citazioni AI/ricerca.

Comando di installazione
npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources
Categoria
{}Analisi
Verificato
Prima apparizione
2026-03-10
Aggiornato
2026-03-10

Browse more skills from nucliweb/webperf-snippets

Risposte rapide

Che cos'è webperf-resources?

Analisi intelligente della qualità della rete con strategie di caricamento adattative. Rileva il tipo di connessione (2g/3g/4g), la larghezza di banda, l'RTT e la modalità di salvataggio dei dati, quindi attiva automaticamente i flussi di lavoro di ottimizzazione appropriati. Include alberi decisionali che consigliano la compressione delle immagini per connessioni lente, integrazione CSS critica per RTT elevato e ottimizzazioni dei dati di salvataggio (disabilita la riproduzione automatica, riduci la qualità). Dispone di budget prestazionali basati sulla connessione (500 KB per 2G, 1,5 MB per 3G, 3 MB per 4G+) e guide all'implementazione del caricamento adattivo. Integrazione di competenze trasversali con caricamento (impatto TTFB), media (immagini reattive) e Core Web Vitals (impatto della connessione su LCP/INP). Da utilizzare quando l'utente chiede informazioni su connessioni lente, ottimizzazione mobile, supporto per il salvataggio dei dati o strategie di caricamento adattivo. Compatibile con Chrome DevTools MCP. Fonte: nucliweb/webperf-snippets.

Come installo webperf-resources?

Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/nucliweb/webperf-snippets --skill webperf-resources Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw

Dov'è il repository sorgente?

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