„First Meaningful Paint“ (FMP) ist einer von sechs Messwerten, die im Abschnitt Leistung des Lighthouse-Berichts erfasst werden. Jeder Messwert erfasst einen bestimmten Aspekt der Seitenladegeschwindigkeit.
Lighthouse zeigt die FMP in Sekunden an:
Was wird mit FMP gemessen?
Mit „Inhalte weitgehend gezeichnet“ wird erfasst, wann die Hauptinhalte einer Seite für den Nutzer sichtbar sind. Der Rohwert für den FMP ist die Zeit in Sekunden zwischen dem Starten des Seitenladevorgangs durch den Nutzer und dem Rendern der primären Above-the-Fold-Inhalte auf der Seite. „Largest Contentful Paint“ gibt im Wesentlichen an, wie lange das Rendern des größten Textblocks oder Bildelements dauert, nach dem die größte Layoutänderung im Above-the-Fold-Bereich erfolgt. Weitere Informationen zu den technischen Details von „Inhalte weitgehend gezeichnet“ finden Sie im Artikel Time to First Meaningful Paint: a layout-based approach (Zeit bis zur ersten sichtbaren Darstellung: ein layoutbasierter Ansatz).
First Contentful Paint (FCP) und FMP fallen oft zusammen, wenn die ersten Inhalte, die auf der Seite gerendert werden, die Inhalte „above the fold“ umfassen. Diese Messwerte können sich jedoch unterscheiden, wenn sich beispielsweise Inhalte innerhalb eines iFrames im Above-the-Fold-Bereich befinden. Bei der datengetriebenen Anzeigenbereitstellung wird erfasst, wann der Inhalt im Iframe für den Nutzer sichtbar ist. Bei der datengetriebenen Anzeigenbereitstellung werden keine Iframe-Inhalte berücksichtigt.
So ermittelt Lighthouse Ihren FMP-Wert
Genau wie FCP basiert FMP auf echten Website-Leistungsdaten aus dem HTTP Archive.
Wenn FMP und FCP identisch sind, sind auch ihre Bewertungen identisch. Wenn der FMP nach dem FCP auftritt, z. B. wenn eine Seite iframe-Inhalte enthält, ist der FMP-Wert niedriger als der FCP-Wert.
Angenommen, Ihre FCP beträgt 1,5 Sekunden und Ihre FMP 3 Sekunden. Der FCP-Wert wäre 99, der FMP-Wert jedoch 75.
In dieser Tabelle wird erläutert, wie Sie Ihren FMP-Wert auswerten können:
| FMP-Messwert (in Sekunden) |
Farbcodierung | FMP-Wert (FCP-HTTP-Archiv-Perzentil) |
|---|---|---|
| 0–2 | Grün (schnell) | 75–100 |
| 2 bis 4 | Orange (mäßig) | 50–74 |
| Mehr als 4 | Rot (langsam) | 0–49 |
FMP-Wert verbessern
Weitere Informationen finden Sie unter Largest Contentful Paint auf Ihrer Website verbessern. Die Strategien zur Verbesserung der FMP stimmen weitgehend mit den Strategien zur Verbesserung des LCP überein.
FMP auf den Geräten echter Nutzer erfassen
Wie Sie messen, wann eine FMP auf den Geräten Ihrer Nutzer tatsächlich auftritt, erfahren Sie auf der Seite Nutzerorientierte Leistungsmesswerte von Google. Im Abschnitt FMP mit Hero-Elementen erfassen wird beschrieben, wie Sie programmatisch auf FCP-Daten zugreifen und sie an Google Analytics senden.
Weitere Informationen zum Erfassen von Messwerten für echte Nutzer finden Sie im Artikel Ladeleistung mit Navigations- und Ressourcentiming in Echtzeit bewerten. Mit den Markierungen und Messwerten für die Nutzerzeit in der Lighthouse-Analyse können Sie Nutzerzeitdaten in Ihrem Bericht sehen.
Gesamtbewertung für die Leistung verbessern
Sofern Sie keinen bestimmten Grund haben, sich auf einen bestimmten Messwert zu konzentrieren, sollten Sie sich in der Regel darauf konzentrieren, den Gesamtwert für die Leistung zu verbessern.
Im Bereich Diagnose Ihres Lighthouse-Berichts können Sie ermitteln, welche Verbesserungen für Ihre Seite am wertvollsten sind. Je größer die Verbesserungsmöglichkeit, desto stärker wirkt sie sich auf Ihren Leistungsbewertung aus. Der folgende Lighthouse-Screenshot zeigt beispielsweise, dass die größte Verbesserung durch das Entfernen von renderblockierenden Ressourcen erzielt wird:
In den Leistungsanalysen erfahren Sie, wie Sie die in Ihrem Lighthouse-Bericht aufgeführten Optimierungsmöglichkeiten umsetzen.