Passa ai contenuti principali

Performance

Performance web: immagini leggere, cache e LCP con azioni concrete per accelerare il sito, ridurre abbandoni e migliorare l’esperienza su mobile.

14 lezioni circa 107 min

Lezioni

  1. Benvenuto nel percorso

    Caricamento veloce: immagini ottimizzate, cache e metriche Core Web Vitals.

    Parti dal peso delle immagini: spesso è la vittoria più grande.

    Inizia
  2. Perché la velocità conta Esperienza utente, conversioni e metriche che i motori considerano: guida operativa per perché la velocità conta sul web, con errori comuni da evitare. Articolo · 7 min
  3. Formati e dimensioni WebP, AVIF e srcset per immagini più leggere: scegli formati e dimensioni adatte all’above the fold e tagli i secondi di caricamento sulla home. Articolo · 8 min
  4. Lazy loading immagini loading=lazy, fetchpriority e LCP senza ritardare l’hero: guida operativa per lazy loading immagini: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 7 min
  5. Cache del browser Cache-Control e versione negli asset: header e query ?v= per far tenere al browser CSS e JS aggiornati senza obbligare gli utenti al refresh forzato. Articolo · 8 min
  6. Compressione e HTTP gzip/Brotli, HTTP/2 e riduzione richieste: guida operativa per compressione e http: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 7 min
  7. Largest Contentful Paint Largest Contentful Paint spiegato: cosa ritarda il contenuto principale e quali interventi su immagini, font e server abbassano l’LCP in modo misurabile. Articolo · 9 min
  8. INP e CLS Interattività e stabilità visiva nelle Core Web Vitals: guida operativa per inp e cls: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 9 min
  9. JavaScript e blocco render defer, async e codice critico minimo: guida operativa per javascript e blocco render: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 8 min
  10. CSS e percorso critico CSS bloccante, inline minimo e organizzazione import: guida operativa per css e percorso critico: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 8 min
  11. Caricamento font font-display, subset e preconnect ai file locali: guida operativa per caricamento font: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 7 min
  12. TTFB e hosting Tempo server, cache pagina e query database lente: guida operativa per ttfb e hosting: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 7 min
  13. Lab vs dati reali Lighthouse, CrUX e cosa fidarsi in produzione: guida operativa per lab vs dati reali: esempi e passi da applicare subito sul sito che pubblichi. Articolo · 8 min
  14. Budget di performance Limiti di peso JS/CSS e monitoraggio nel tempo: guida operativa per budget di performance: esempi e passi da applicare subito sul sito che pubblichi. Esercizio · 7 min
  15. Checklist pre-lancio performance Verifiche rapide prima di mettere online modifiche pesanti: guida operativa per checklist pre-lancio performance sul web, con errori comuni da evitare. Quiz · 7 min

Metti alla prova quello che hai imparato

Esegui l’audit SEO su Martini Francesco e verifica title, meta e performance sulla tua homepage.

Avvia audit SEO