Kostenloser LCP-Tester & Analyzer

Teste und analysiere deinen Largest-Contentful-Paint-Wert (LCP). Miss den LCP dieser Seite in Echtzeit oder gib einen Wert aus PageSpeed Insights ein, um eine Bewertung und Tipps zu erhalten.

Aktualisiert am

Share:
Home/SEO Tools/LCP Tester

LCP Tester

Measure and optimize Largest Contentful Paint (LCP) to improve page load performance and Core Web Vitals.

LCP Score Analyzer

From PageSpeed Insights, Lighthouse, or DevTools

LCP Thresholds

Good

< 2.5s

Needs Improvement

2.5s – 4.0s

Poor

> 4.0s

How to Improve LCP

Optimize hero images

Compress above-fold images and use modern formats (WebP/AVIF). Add width/height attributes.

Preload critical resources

Use <link rel="preload"> for your largest contentful image or font to start loading earlier.

Reduce server response time

Aim for TTFB under 600ms. Use caching, CDN, and optimize server-side processing.

Remove render-blocking resources

Defer non-critical CSS and JavaScript to avoid blocking the main thread.

Avoid lazy-loading above-fold images

Don't apply loading="lazy" to the hero image — it delays LCP.

Use a CDN

Serve assets from a CDN geographically close to your users to reduce latency.

LCP is one of Google's Core Web Vitals and directly impacts your search rankings. Measure it with PageSpeed Insights, Chrome DevTools Performance panel, or Lighthouse.

Häufig gestellte Fragen

Was ist LCP?

Largest Contentful Paint misst, wie lange das größte sichtbare Element (in der Regel ein Hero-Bild oder eine Überschrift) zum Laden benötigt.

Was ist ein guter LCP-Wert?

Unter 2,5 Sekunden ist Gut. 2,5 bis 4,0 s ist verbesserungswürdig. Über 4,0 s ist Schlecht.

Ist es kostenlos?

Ja, völlig kostenlos.

Sind meine Daten mit diesem Tool sicher?

Absolut. Der LCP Tester & Analyzer verarbeitet alles clientseitig in deinem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Deine Inhalte bleiben jederzeit privat auf deinem Gerät.

Funktioniert der LCP Tester & Analyzer auf Mobilgeräten?

Ja, der LCP Tester & Analyzer ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne App-Download.

Muss ich ein Konto erstellen, um dieses Tool zu nutzen?

Es ist kein Konto und keine Registrierung erforderlich. Öffne einfach den LCP Tester & Analyzer in deinem Browser und beginne sofort mit der Nutzung. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.

Folgt dieses Tool den neuesten Google-Richtlinien?

Ja, der LCP Tester & Analyzer wurde gemäß den aktuellen Richtlinien und Best Practices von Google Search entwickelt. Wir aktualisieren das Tool regelmäßig, um Änderungen an den Anforderungen der Suchmaschinen zu berücksichtigen.

Wie verwende ich den LCP Tester & Analyzer?

Gib einfach deine Eingabe in das vorgesehene Feld ein, passe die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend kannst du das Ergebnis in die Zwischenablage kopieren oder herunterladen.

Welche Browser werden unterstützt?

Der LCP Tester & Analyzer funktioniert in allen modernen Browsern, darunter Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwende die neueste Version deines bevorzugten Browsers.

Warum weicht mein LCP-Wert in diesem Tool von PageSpeed Insights ab?

Die beiden Zahlen messen unterschiedliche Dinge. Dieser Tester liest das Live-Timing des Largest Contentful Paint direkt aus deinem Browser über die PerformanceObserver-API aus, sodass das Ergebnis genau dein Gerät, deine Netzwerkgeschwindigkeit und den Cache-Zustand in diesem Moment widerspiegelt. PageSpeed Insights meldet dagegen zwei Werte: einen Laborwert von einem simulierten Mittelklasse-Gerät und Felddaten (CrUX), die den LCP-Wert des 75. Perzentils echter Chrome-Nutzer über die letzten 28 Tage zeigen. Dein schneller Laptop mit Glasfaseranschluss wird nahezu immer einen niedrigeren LCP-Wert liefern als der gedrosselte Labortest oder der reale Felddurchschnitt. Das ist erwartbar, kein Fehler. Nutze die Browser-Messung für einen schnellen Plausibilitätscheck, betrachte aber den PageSpeed-Feldwert als die Kennzahl, nach der Google handelt. Füge diesen Feldwert hier in den Analyzer ein, um sofort ein Urteil von Gut, Verbesserungswürdig oder Mangelhaft zu erhalten.

Welches Element zählt normalerweise als Largest Contentful Paint?

LCP erfasst die Renderzeit des einzelnen größten Inhaltselements, das beim ersten Laden der Seite im Viewport sichtbar ist. In der Praxis ist das meist ein Hero-Bild, ein per CSS gesetztes Hintergrundbild, das Vorschaubild eines Videos oder ein großer Block aus Überschriften- oder Fließtext. Der Browser verfolgt Kandidaten während des Renderns der Seite und meldet den größten, der sich ändern kann, sobald weitere Ressourcen eintreffen. Elemente unterhalb des sichtbaren Bereichs zählen nicht, ebenso wenig die Abmessungen eines Elements, dessen Bild noch nicht geladen wurde. Zu wissen, welches Element dein LCP ist, zeigt dir genau, was du zuerst optimieren solltest, denn jede eingesparte Millisekunde bei dieser einen Ressource verbessert den Wert direkt. Lass diese Seite durch den Tester laufen, um einen echten gemessenen LCP-Wert zu sehen, und identifiziere anschließend das entsprechende Hero-Element auf der Seite, die du verbessern möchtest.

Was ist der Unterschied zwischen LCP und First Contentful Paint?

First Contentful Paint (FCP) markiert den Moment, in dem der Browser das allererste Stück Inhalt rendert, etwa Text, ein Icon oder eine Hintergrundfarbe. Largest Contentful Paint markiert dagegen, wann das größte sichtbare Element fertig gerendert ist, was fast immer später geschieht. FCP sagt dir, dass die Seite begonnen hat zu erscheinen; LCP sagt dir, dass der Hauptinhalt, wegen dem der Nutzer gekommen ist, tatsächlich auf dem Bildschirm ist. Deshalb ist LCP, nicht FCP, einer der drei Core Web Vitals, die Google in seinen Page-Experience-Signalen verwendet. Eine Website kann ein schnelles FCP zeigen und trotzdem langsam wirken, wenn ein schweres Hero-Bild den LCP-Wert über 2,5 Sekunden treibt. Konzentriere deine Optimierung auf das LCP-Element, um Ranking-Wirkung zu erzielen. Gib deinen LCP-Wert aus PageSpeed Insights oder den DevTools in diesen Analyzer ein, um ihn gegen Googles offiziellen 2,5-Sekunden-Schwellenwert zu prüfen.

Wie behebe ich einen langsamen LCP-Wert, der durch ein Hero-Bild verursacht wird?

Hero-Bilder sind der häufigste Grund, warum der LCP-Wert über 2,5 Sekunden steigt, und einige wenige Änderungen beheben das Problem meist. Komprimiere das Bild und liefere ein modernes Format wie WebP oder AVIF aus, um die Dateigröße zu verringern, und setze explizite width- und height-Attribute, damit der Browser es rendern kann, ohne zu warten. Verwende niemals loading="lazy" für das Hero-Bild oberhalb des sichtbaren Bereichs, da dies absichtlich genau das Element verzögert, das LCP misst. Füge ein <link rel="preload"> für das Bild hinzu, damit der Download früher im Ladezyklus der Seite startet, und liefere es über ein CDN aus, um den Weg zum Nutzer zu verkürzen. Halte schließlich die TTFB deines Servers mit Caching unter 600 ms, denn ein langsames erstes Byte verzögert jede weitere Ressource. Der Tester zeigt genau diese Maßnahmen als eingebaute Tipps an. Teste die Seite zuerst, wende die Änderungen an und miss anschließend erneut, um zu bestätigen, dass sich der Wert verbessert hat.

Ist die im Browser gemessene LCP-Zahl dieses Tools genau?

Sie ist genau für das, was sie misst: das reale Largest-Contentful-Paint-Timing der Seite, die du gerade betrachtest, direkt aus den Performance-Einträgen deines Browsers erfasst und nicht geschätzt. Der Haken ist, dass sie nur deine Bedingungen widerspiegelt, das Gerät, auf dem du dich befindest, deine Verbindung und ob die Seite bereits im Cache lag, sodass es sich um eine einzelne Messung handelt, nicht um einen repräsentativen Wert. Google rankt anhand des LCP-Werts im 75. Perzentil über viele echte Besucher hinweg, was erheblich von deiner einen Messung abweichen kann. Vertraue der Zahl also als echte Messung deiner eigenen Sitzung, gehe aber nicht davon aus, dass sie dem entspricht, was die meisten Nutzer erleben. Für den Wert, den Google tatsächlich verwendet, ziehe Felddaten aus PageSpeed Insights heran und füge sie hier in den Analyzer ein. So erhältst du eine Live-Messung vor Ort und einen bewertbaren Wert aus der echten Welt nebeneinander.

Embed This Tool

Add a free, live version of this widget to your own website or blog post — it runs entirely in your visitors' browsers, with a credit link back to The Toolbox.

Copy & paste this HTML
<iframe src="https://getthetoolbox.com/embed/lcp-tester" title="Free LCP Tester & Analyzer — The Toolbox" width="100%" height="220" style="max-width:480px;border:1px solid #e2e8f0;border-radius:12px" loading="lazy"></iframe>
<p style="font-size:12px;margin:4px 0 0"><a href="https://getthetoolbox.com/seo-tools/lcp-tester?utm_source=embed&utm_medium=widget" target="_blank" rel="noopener">Free LCP Tester & Analyzer</a> by The Toolbox</p>

Über den LCP-Tester & Analyzer

Der LCP-Tester & Analyzer ist ein kostenloses Tool zur Prüfung des Largest Contentful Paint, eines von Googles drei Core Web Vitals. Er funktioniert auf zwei Wegen: Er misst den LCP der Seite, auf der du dich gerade befindest, live im Browser, und er bewertet jeden LCP-Wert, den du aus PageSpeed Insights, Lighthouse oder den Chrome DevTools einfügst. So oder so erhältst du sofort ein Urteil von Gut / Verbesserungswürdig / Mangelhaft gemessen an Googles offiziellen Schwellenwerten, dazu konkrete Tipps, um den Wert zu senken.

Das Tool richtet sich an Webentwickler, SEO-Spezialisten und Website-Betreiber, die schnell wissen wollen, ob das Ladeerlebnis einer Seite den Maßstab erfüllt, den Google fürs Ranking anlegt. Kein Konto, keine Installation, keine Anmeldeschranke.

Was LCP ist und warum der Wert zählt

Largest Contentful Paint erfasst den Moment, in dem das größte sichtbare Element im Viewport fertig gerendert ist — meist ein Hero-Bild, ein Hintergrundbild, das Vorschaubild eines Videos oder ein großer Block aus Überschriftentext. Es ist die Kennzahl, die am ehesten wiedergibt, dass "die Seite für den Nutzer geladen aussieht". Googles Schwellenwerte sind fest vorgegeben:

  • Gut — unter 2,5 Sekunden
  • Verbesserungswürdig — 2,5 bis 4,0 Sekunden
  • Mangelhaft — über 4,0 Sekunden

Da LCP Teil der Core Web Vitals ist, fließt der Wert direkt in die Page-Experience-Signale ein, die Google nutzt, und ein schlechter Wert schadet sowohl dem Ranking als auch der Wahrscheinlichkeit, dass ein Besucher bleibt. Der Tester wendet exakt diese Grenzwerte an, sodass eine gemessene Zeit von 2.800 ms in die Kategorie "Verbesserungswürdig" fällt und ein Ergebnis von 1.900 ms als "Gut" zurückgemeldet wird.

So verwendest du das Tool

Beim Laden der Seite nutzt der Analyzer den im Browser eingebauten PerformanceObserver, um das Largest-Contentful-Paint-Timing dieser Seite selbst zu erfassen, und zeigt es in Millisekunden mit einer farblich codierten Bewertung an. So bekommst du ein funktionierendes Beispiel für einen echten, lokal gemessenen LCP-Wert.

Um eine andere Seite zu prüfen, lässt du sie durch Googles PageSpeed Insights laufen — dafür gibt es ein URL-Feld, das für jede eingegebene Adresse einen PageSpeed-Bericht öffnet — und kopierst anschließend den LCP-Wert in das Feld "LCP-Zeit eingeben (ms)". Der Analyzer bewertet jeden Wert, den du eingibst, sodass du Labor-Zahlen, Felddaten oder DevTools-Werte nebeneinander vergleichen kannst, ohne die Schwellenwert-Rechnung selbst durchzuführen.

Ein Hinweis zum Umfang: Die Messung im Browser spiegelt das Gerät und die Verbindung wider, von der aus du gerade testest, nicht eine kontrollierte Laborumgebung. Für den Wert, nach dem Google tatsächlich handelt, solltest du dieses Tool mit den Felddaten (CrUX) von PageSpeed Insights kombinieren, die den LCP-Wert des 75. Perzentils echter Chrome-Nutzer über die letzten 28 Tage angeben.

Einen langsamen LCP-Wert senken

Ein schlechter LCP-Wert lässt sich fast immer auf ein langsam ladendes größtes Element oder einen langsamen Server zurückführen. Die zuverlässigsten Maßnahmen, von denen einige das Tool als eingebaute Tipps anzeigt:

  • Hero-Bild optimieren — komprimiere es, liefere moderne Formate wie WebP oder AVIF aus und setze explizite width- und height-Attribute.
  • Das Bild oberhalb des sichtbaren Bereichs niemals lazy-loadenloading="lazy" auf dem LCP-Element verzögert es absichtlich; hebe Lazy Loading für Inhalte unterhalb des sichtbaren Bereichs auf.
  • Die kritische Ressource preloaden — ein <link rel="preload"> auf dem LCP-Bild oder der Schriftart startet den Download früher im Ladezyklus der Seite.
  • Serverantwortzeit verkürzen — strebe eine TTFB unter 600 ms an, indem du Caching und ein CDN einsetzt, und liefere Assets von Edge-Standorten in der Nähe deiner Nutzer aus.
  • Renderblockierendes CSS und JavaScript entfernen — verschiebe nicht kritische Skripte und binde nur die für den ersten Paint nötigen Stile inline ein.

Datenschutz

Alles geschieht in deinem Browser. Die Live-Messung stammt aus den Performance-Einträgen deiner eigenen Seite, und jeder Wert, den du eingibst, wird lokal bewertet — nichts, was du eingibst, wird hochgeladen oder gespeichert. Der einzige externe Schritt ist optional: der Klick zu PageSpeed Insights, Googles eigenem Dienst. Der LCP-Tester selbst behält deine Daten auf deinem Gerät.