Le prestazioni sono un aspetto chiave dell'esperienza utente. La velocità di caricamento delle pagine e la velocità con cui rispondono all'input degli utenti possono avere un impatto significativo su come gli utenti percepiscono il tuo sito e possono fare la differenza tra se gli utenti rimangono sul sito o lo abbandonano. In questa pagina troverai moltissime informazioni su vari argomenti relativi al rendimento sul web, che ti aiuteranno a rendere il tuo sito web veloce e veloce.
Non hai mai utilizzato il rendimento? Abbiamo creato un corso completo per aiutarti a iniziare.
Scopri di più sulle tre metriche di Core Web Vitals, sul loro funzionamento e sul perché sono importanti per offrire esperienze utente positive.
Dopo aver appreso le metriche di Core Web Vitals, queste guide possono aiutarti a capire come ottimizzarle al meglio.
Approfondisci ulteriormente i Core Web Vitals con una raccolta di guide che esplorano le metriche in modo più dettagliato.
Scopri le nuove funzionalità per migliorare il rendimento ora disponibili in Baseline.
Scopri in che modo le aziende hanno migliorato i Core Web Vitals e di conseguenza hanno registrato un aumento delle metriche aziendali.
Scopri come utilizzare Chrome DevTools per eseguire il debug dei problemi di prestazioni sul tuo sito web.
CORSO

Le prestazioni web sono un argomento complesso e sfaccettato, ma non è impossibile impararlo. Se non hai esperienza in materia di rendimento, il nostro corso ti aiuterà a iniziare subito illustrandoti le nozioni di base sul rendimento, per poi passare ad argomenti più avanzati. Una volta completato il corso, potrai applicare ciò che hai imparato in pochissimo tempo.

Le metriche di Core Web Vitals sono un insieme di tre metriche incentrate sull'esperienza utente. Misurano le prestazioni e l'usabilità delle pagine, inclusi il tempo di caricamento percepito, la stabilità visiva e la reattività all'input utente. Se non hai mai utilizzato Core Web Vitals, queste guide ti consentiranno di familiarizzare con il loro funzionamento e ti daranno un punto di partenza su come ottimizzarle.

LCP è una metrica che misura il tempo necessario per visualizzare il componente più grande dei contenuti in una pagina. Le pagine con un LCP basso indicano agli utenti che la pagina si carica rapidamente.
Il CLS è una metrica che misura la stabilità del layout osservando la pagina per rilevare eventuali variazioni impreviste del layout. Le pagine con una bassa CLS indicano agli utenti che il layout di una pagina è stabile e non cambia inaspettatamente mentre tentano di interagire con la pagina.
L'INP è una metrica che misura l'adattabilità di una pagina all'input utente. Le pagine con un INP basso indicano agli utenti che una pagina risponde rapidamente quando interagiscono con essa, rendendo il tuo sito web più affidabile e piacevole da usare.
Ognuna delle metriche di Core Web Vitals può essere ottimizzata per migliorare l'esperienza utente. Ognuna di queste guide illustra in dettaglio come applicare tecniche collaudate per migliorare le prestazioni e l'affidabilità del tuo sito web, in modo che gli utenti rimangano più coinvolti e abbiano meno probabilità di abbandonarlo.
Scopri come ottimizzare la visualizzazione elemento più grande per i tuoi utenti in modo che possano vedere i contenuti più importanti della tua pagina il più rapidamente possibile.
Scopri come ottimizzare il CLS per i tuoi utenti in modo che possano aspettarsi che il tuo sito web rimanga stabile e più utilizzabile.
Scopri come ottimizzare INP per i tuoi utenti in modo che possano aspettarsi che il tuo sito web risponda rapidamente alle interazioni.
Le tre metriche Core Web Vitals e come ottimizzarle sono un ottimo punto di partenza, ma esistono altri argomenti da approfondire. Questa raccolta di contenuti ti aiuterà a capire come misurarli, eseguirne il debug e ti fornirà alcune best practice aggiuntive per avvisi sui cookie, caroselli e altri problemi comuni dell'interfaccia utente.
Migliorare le prestazioni non solo migliora l'esperienza utente, ma ha anche il potenziale per far crescere la tua attività. Scopri come queste aziende hanno migliorato i Core Web Vitals e hanno registrato un aumento delle metriche aziendali.
Scopri come Disney+ Hotstar ha aumentato del 100% le visualizzazioni settimanali delle schede sui dispositivi del salotto riducendo l'INP del 61%.
Scopri come la piattaforma di gestione del consenso di PubTech ha ridotto fino al 64% l'INP sui siti web dei clienti, migliorando al contempo la visibilità degli annunci fino all'1,5%
Scopri come Taboola ha utilizzato l'API Long Animation Frames (LoAF) per migliorare l'INP fino al 36% per i siti web dei suoi publisher partner.

La base di riferimento indica agli sviluppatori web quando le funzionalità della piattaforma web possono essere utilizzate in sicurezza in tutti i principali motori dei browser. Di seguito sono riportate alcune funzioni relative al rendimento web che sono ora disponibili nel nuovo Baseline.

La proprietà CSS content-visibility è diventata di riferimento di nuova disponibilità a settembre 2024.
Il formato dell'immagine AVIF è diventato Baseline Newly disponibile a gennaio 2024.
Il precaricamento dei moduli è diventato il nuovo valore di riferimento disponibile a settembre 2023.
L'intestazione di risposta HTTP Server-Timing è diventata di riferimento di recente a marzo 2023.

Chrome DevTools è una suite di strumenti per lo sviluppo di applicazioni web, inclusi strumenti per comprendere e migliorare le prestazioni delle applicazioni web.

Il riquadro Rete in DevTools mostra tutte le risorse caricate da una pagina e il tempo impiegato per caricarle. Scopri come utilizzare questo riquadro per identificare i problemi di prestazioni correlati al carico delle risorse.
Il riquadro Prestazioni in DevTools mostra informazioni incredibilmente dettagliate sul rendimento di una pagina durante una sessione di registrazione, tra cui l'attività sul thread principale, l'attività di rete e strumenti aggiuntivi che possono aiutarti a identificare e risolvere i problemi di prestazioni.
Il riquadro Memoria mostra la quantità di memoria utilizzata dal codice JavaScript di una pagina. Imparando a utilizzare questo riquadro, puoi scoprire e risolvere i problemi relativi alla memoria causati dal codice JavaScript di una pagina.