First Meaningful Paint (FMP) è una delle sei metriche monitorate nella sezione Rendimento del report Lighthouse. Ogni metrica acquisisce alcuni aspetti della velocità di caricamento della pagina.
Lighthouse mostra il tempo di caricamento medio in secondi:
Cosa misura il report FMP
La metrica FMP misura quando i contenuti principali di una pagina sono visibili all'utente. Il punteggio non elaborato per FMP è il tempo in secondi che intercorre tra l'avvio del caricamento della pagina da parte dell'utente e il rendering dei contenuti principali above the fold della pagina. La metrica Largest Contentful Paint mostra essenzialmente il momento in cui viene visualizzata la maggior parte del layout sopra la piega. Scopri di più sui dettagli tecnici di FMP nel documento di Google Tempo di visualizzazione del primo contenuto significativo: un approccio basato sul layout.
First Contentful Paint (FCP) e FMP sono spesso uguali quando il primo bit di contenuti visualizzato sulla pagina include i contenuti above the fold. Tuttavia, queste metriche possono variare quando, ad esempio, in un iframe sono presenti contenuti nella parte visibile della pagina. Il monitoraggio dei frame in primo piano si attiva quando i contenuti all'interno dell'iframe sono visibili all'utente, mentre il monitoraggio dei frame in primo piano non include i contenuti dell'iframe.
In che modo Lighthouse determina il punteggio FMP
Come il FCP, il FMP si basa su dati reali sulle prestazioni dei siti web dell'HTTP Archive.
Quando il valore FMP e FCP sono uguali, i relativi punteggi sono identici. Se l'FMP si verifica dopo l'FCP, ad esempio quando una pagina contiene contenuti iframe, il punteggio FMP sarà inferiore al punteggio FCP.
Ad esempio, supponiamo che il tuo FCP sia di 1,5 secondi e il tuo FMP di 3 secondi. Il punteggio FCP sarà 99, ma il punteggio FMP sarà 75.
Questa tabella mostra come interpretare il punteggio FMP:
| Metrica FMP (in secondi) |
Codifica con colori | Punteggio FMP (percentile di FCP HTTP Archive) |
|---|---|---|
| 0-2 | Verde (veloce) | 75-100 |
| 2-4 | Arancione (moderata) | 50-74 |
| Più di 4 | Rosso (lento) | 0-49 |
Come migliorare il punteggio FMP
Consulta l'articolo Come migliorare Largest Contentful Paint sul tuo sito. Le strategie per migliorare la metrica FMP sono in gran parte le stesse utilizzate per migliorare la metrica Largest Contentful Paint.
Monitoraggio delle conversioni a livello di modulo sui dispositivi di utenti reali
Per scoprire come misurare quando si verifica effettivamente l'FMP sui dispositivi degli utenti, consulta la pagina Metriche prestazionali focalizzate sugli utenti di Google. La sezione Monitoraggio delle campagne di ricerca dinamica utilizzando gli elementi hero descrive come accedere a livello di programmazione ai dati delle campagne di ricerca dinamica e inviarli a Google Analytics.
Per saperne di più sulla raccolta delle metriche relative agli utenti reali, consulta la pagina di Google Valutazione delle prestazioni del caricamento nella realtà con Navigation e Resource Timing. L'audit di Lighthouse relativo a indicatori e misure User Timing ti consente di visualizzare i dati di User Timing nel report.
Come migliorare il punteggio di rendimento complessivo
A meno che tu non abbia un motivo specifico per concentrarti su una determinata metrica, in genere è meglio concentrarsi sul miglioramento del punteggio complessivo del rendimento.
Utilizza la sezione Diagnostica del report Lighthouse per determinare quali miglioramenti avranno il maggiore valore per la tua pagina. Maggiore è l'opportunità, maggiore sarà l'effetto sul punteggio di rendimento. Ad esempio, lo screenshot di Lighthouse che segue mostra che l'eliminazione delle risorse che bloccano il rendering produrrà il miglioramento più significativo:
Consulta le verifiche del rendimento per scoprire come sfruttare le opportunità identificate nel report Lighthouse.