First Meaningful Paint (FMP) è una delle sei metriche monitorate nella sezione Performance del report Lighthouse. Ogni metrica acquisisce alcuni aspetti della velocità di caricamento della pagina.
Lighthouse mostra FMP in pochi secondi:
Cosa misura la FMP
FMP misura quando i contenuti principali di una pagina sono visibili all'utente. Il punteggio non elaborato per FMP è il tempo in secondi tra l'avvio del caricamento della pagina da parte dell'utente e il rendering della pagina dei contenuti above the fold principali. FMP mostra essenzialmente il tempo di visualizzazione, dopo il quale avviene la più grande modifica al layout above the fold. Scoprite di più sui dettagli tecnici di FMP nello studio di Google Time to First Meaningful Paint: un approccio basato sul layout.
First Contentful Paint (FCP) e FMP sono spesso uguali quando il primo bit di contenuto visualizzato nella pagina include i contenuti above the fold. Tuttavia, queste metriche possono variare se, ad esempio, sono presenti contenuti above the fold all'interno di un iframe. FMP si registra quando i contenuti all'interno dell'iframe sono visibili all'utente, mentre FCP non include contenuti iframe.
In che modo Lighthouse determina il punteggio FMP
Proprio come FCP, FMP si basa su dati sulle prestazioni reali del sito web provenienti da HTTP Archive.
Quando FMP e FCP sono uguali, i loro punteggi sono identici. Se il valore FMP si verifica dopo FCP, ad esempio quando una pagina include contenuti iframe, il punteggio FMP sarà inferiore a quello FCP.
Ad esempio, supponiamo che il tuo FCP sia di 1,5 secondi e il tuo valore FMP sia di 3 secondi. Il punteggio FCP sarebbe 99, mentre il punteggio FMP sarebbe 75.
Questa tabella mostra come interpretare il punteggio FMP:
| Metrica FMP (in secondi) |
Codifica con colori | Punteggio FMP (Percentile FCP HTTP Archive) |
|---|---|---|
| 0-2 | Verde (veloce) | 75-100 |
| 2-4 | Arancione (moderato) | 50-74 |
| Più di 4 | Rosso (lenta) | 0-49 |
Come migliorare il tuo punteggio FMP
Leggi l'articolo su come migliorare Largest Contentful Paint sul tuo sito. Le strategie per migliorare FMP sono in gran parte uguali a quelle per migliorare Largest Contentful Paint.
Monitorare FMP sui dispositivi di utenti reali
Per scoprire come misurare il momento in cui FMP si verifica effettivamente sui dispositivi degli utenti, consulta la pagina di Google Metriche sul rendimento incentrate sull'utente. La sezione Monitoraggio FMP utilizzando elementi hero descrive come accedere in modo programmatico ai dati FCP e inviarli a Google Analytics.
Per saperne di più sulla raccolta di metriche relative agli utenti reali, consulta Valutare le prestazioni del caricamento nel mondo reale con navigazione e tempi delle risorse. Il tempo utente contrassegna e misura il controllo Lighthouse consente di visualizzare i dati relativi al tempo utenti nel report.
Come migliorare il punteggio di rendimento complessivo
A meno che tu non abbia un motivo specifico per concentrarti su una determinata metrica, è meglio concentrarsi sul miglioramento del punteggio di rendimento complessivo.
Utilizza la sezione Opportunità del report Lighthouse per determinare quali miglioramenti avranno più valore per la tua pagina. Più alta è l'opportunità, maggiore sarà l'effetto sul punteggio del rendimento. Ad esempio, lo screenshot di Lighthouse riportato di seguito mostra che l'eliminazione delle risorse di blocco della visualizzazione produrrà il maggiore miglioramento:
Consulta la pagina di destinazione dei controlli delle prestazioni per scoprire come sfruttare le opportunità identificate nel report Lighthouse.