First Meaningful Paint (FMP)

Der First Meaningful Paint (FMP) galt neben dem First Contentful Paint (FCP) als eine der 6 bedeutendsten Metriken bei der Messung von Page Speed. Der FMP misst den Zeitpunkt, an dem der grundlegende Content einer Website für den User sichtbar ist. Gemessen wird der FMP in Sekunden und zwar ab dem Moment, wenn der User den Page Load initiiert und bis zu dem Moment, bis die Website den wichtigsten visuellen und interaktiven Above-the-fold-Content gerendert hat. Damit gibt der First Meaningful Paint an, wann die signifikantesten Änderungen im Seiten-Layout above the fold abgeschlossen sind.

FMP als User-zentrierte Performance-KPI

Sowohl der First Meaningful Paint, als auch der First Contentful Paint sind userzentrierte KPIs und Teil von Googles ausgewiesenen Web Vitals. In den 2021 neu eingeführten Core Web Vitals allerdings spielt der FMP keine dedizierte Rolle mehr. Nichtsdestotrotz gilt er weiterhin als relevante KPI, wenn es um die Ladezeiten einer Webseite geht. Der First Meaningful Paint beschreibt dabei den Zeitpunkt, an dem der wichtigste Anteil einer Website im Browser eines Besuchers angezeigt wird. Geprägt wurde der Begriff von Google und beschreibt die dritte Phase eines Seitenladeprozesses. Dieser beginnt mit dem First Paint, gefolgt vom First Contentful Paint und schließlich vom First Meaningful Paint. Häufig wird der FMP als Messwert für die vom User wahrgenommene Ladezeit herangezogen. Allerdings variieren die Definitionen der wichtigen Bestandteile einer Website bisweilen, je nach deren Content, Funktion und Art. Bei einer Suchmaschine sind der FMP etwa die SERPs, auf einem Blog könnte damit die Headline und der sichtbare Text sowie erste Bilder gemeint sein und bei einem Online-Shop könnte das wesentliche Produktbild der First Meaningful Paint sein. Nur der geladene Page-Header, Navigationsleiste und Ladesymbol (z.B. Sanduhr) zählen nicht als FMP. Diese abweichenden Definitionen haben dazu geführt, dass der FMP zunehmend als nicht besonders zuverlässige KPI galt und unter SEOs deshalb mittlerweile ein wenig in den Hintergrund getreten ist. Seit Einführung von Googles Core Web Vitals hat der Largest Contentful Paint den FMP als ausschlaggebende KPI vielerorts ersetzt.[1]

First Meaningful Paint und Lighthouse 6.0

Die Bedeutung des First Meaningful Paint gilt seit Lighthouse 6.0 als überholt. Grund dafür ist, dass sich der FMP in der Vergangenheit als zu reaktiv auch auf kleine Unterschiede im Page Load erwiesen hat. Diese Übersensibilität führte zu inkonsistenten (bimodalen) Ergebnissen. Darüber hinaus ist die Definition der Metrik abhängig von Browser-spezifischen Implementationsdetails. Das bedeutet, sie kann nicht für alle Browser standardisiert oder implementiert werden. Mit Lighthouse 6.0 hat Google die sogenannten Core Web Vitals eingeführt. Ein Bestandteil davon ist der Largest Contentful Paint. Es ist ratsam, statt dem First Meaningful Paint den Largest Contentful Paint zu tracken.[2]

Abgrenzung zum First Contentful Paint

Der First Contentful Paint wird als Nährwert zum First Meaningful Paint herangezogen, umfasst jedoch oft nicht aussagekräftige Elemente, wie den Header oder die Navigationsleiste, die von der Definition des FMP in jedem Fall ausgenommen sind. Der FCP beschreibt entsprechend den Zeitpunkt, an dem erstmals etwas Gehaltvolles auf der Website angezeigt wird. Das kann ein Text oder eine Grafik sein. Der First Contentful Paint geht dem First Meaningful Paint voraus.[3]

Bedeutung für die Ladezeit

Page Speed ist ein wichtiger Rankingfaktor. Für SEO nur mittelbar entscheidend, ist diese KPI für die User Experience wichtig. Diese wiederum zahlt längst in hohem Maße auf die Suchmaschinenoptimierung ein und ist somit ein wesentlicher Rankingfaktor, sodass die Ladegeschwindigkeit durchaus als Messwert für die Position in den SERPs zu Grunde gelegt werden kann. Jedoch hat zwischenzeitlich der First Meaningful Paint selbst an Bedeutung für die Bestimmung der Page Speed verloren.[4]

First Meaningful Paint optimieren

Im Idealfall ist die Ladezeit einer Website so gering, dass der User binnen ungefähr einer Sekunde den dargestellten Content angezeigt bekommt. Um den First Meaningful Paint zu optimieren, gelten folgende Maßnahmen als Best Practices:[5]

  • extern eingebundene Skripte reduzieren oder ganz weglassen,
  • Code- (HTML, CSS, JavaScript) und Bilddateien optimieren,
  • Seiten nach dem Lazy Load Prinzip laden lassen.

Einzelnachweise

Weblinks