Als der Largest Contentful Paint (LCP) von Google als neue Metrik bei der Webseiten-Analyse vorgestellt wurde, wurde vielen Webmaster erst einmal schwindelig. Eine weitere Metrik zur Bestimmung des Pagespeeds?! Mittlerweile allerdings hat diese Metrik bereits ihre „Muskeln spielen“ lassen und eine entscheidende Lücke geschlossen. Welche das ist, warum der LCP eingeführt wurde und wie Sie diesen optimieren können, zeigen wir Ihnen im Folgenden.
[toc]
Largest Contentful Paint (LCP) Definition
Die Largest Contentful Paint Definition ist kurz. Diese Metrik gibt die Zeit an, die bis zum Laden des relevantesten und größten Elements auf Ihrer Webseite vergeht.
Eine wichtige Frage ist an dieser Stelle allerdings noch ungeklärt. Wann nämlich ist der LCP ausreichend schnell geladen? Und wann ist Optimierungsbedarf vorhanden. Als Faustregel gilt, dass Werte bis zu 2,5 Sekunden als gut bezeichnet werden kann. Liegen die Ladezeiten darüber und bis zu 4,0 Sekunden, ist eine Optimierung ratsam und empfehlenswert. Längere Ladezeiten sind wiederum schlecht. Hier sollte bestenfalls sofort mit der Optimierung begonnen werden.
Noch eine Metrik? Darum wurde der LCP eingeführt
Die Einführung neuer Metriken zur Bewertung einer Seite (Core Web Vitals) und insbesondere zur Bestimmung des Pagespeed hat bei Google schon fast Tradition. In diesem Fall allerdings ist der Largest Contentful Paint dazu da, um eine wichtige Lücke zu schließen. Genutzt wurde bislang vorrangig der First Contentful Paint. Dieser gibt an, wann die User das erste Element auf Ihrer Webseite sehen. Das Problem: Dieses Element kann für den Nutzer vollkommen wertlos sein – zum Beispiel ein Platzhalter. Andere Metriken konnten wiederum die Ladezeit bestimmen, aber nicht, ob die Elemente auch für den User sichtbar sind. Um genau diese Lücke zu schließen, haben Google und das World Wide Web Consortium (W3C) den Largest Contentful Paint ins Leben gerufen. Denn: Wenn bereits das größte Element Ihrer Webseite geladen ist, dürfte der User auch den für ihn relevanten Teil sehen.
Diese Elemente zählen für den Largest Contentful Paint
Nicht alle Elemente einer Webseite werden für den Largest Contentful Paint gewertet. So kann es sein, dass ein großes Element schnell geladen wird, dieses aber nicht für den LCP relevant ist. Relevanz wiederum haben für diesen unter anderem die folgenden Elemente Ihrer Webseite:
- Bildelemente
- Thumbnails (zum Beispiel von Videoelementen)
- Hintergrundbilder, die durch CSS geladen werden
- Elemente mit viel Text (Block-Level-Elemente)
Ihre gezielte Weiterbildung mit praxisnahen Inhalten
Sie möchten Ihre Website oder Landingpage kundenzentriert gestalten und optimieren? Dann entdecken Sie u.a. unsere Seminare Customer Centricity & Experience und Content Marketing. Infomieren Sie sich hier über aktuelle Termine und genaue Inhalte:
Largest Contentful Paint optimieren: So geht es
Es ist in jedem Fall ratsam, den Largest Contentful Paint zu optimieren. Je kürzer die Ladezeit, desto geringer ist auch die sogenannte Bounce-Rate. Also die Absprungrate der Nutzer. Optimieren lässt sich der LCP auf verschiedenen Wegen und in verschiedene Richtungen.
Ladezeiten optimieren
Im Bereich der Ladezeiten sind in der Regel zahlreiche Optimierungen möglich. In einem wichtigen Zusammenhang mit dem LCP steht der Time to First Byte (TTFB). Dies ist die Ladezeit, die bis zum Laden des ersten Bytes vergeht. Optimieren Sie diese, hat dies unweigerlich auch Auswirkungen auf den Largest Contentful Paint. Ebenfalls optimieren können Sie die Latenzzeiten. Hier kommt es zum Beispiel auf die geografische Lage des Servers an. Mit Hilfe von Content Delivery Systemen sind Kopien Ihrer Webseite an verschiedenen Orten gespeichert. So verringert sich durch den Einsatz eines CDS möglicherweise die Latenzzeit. Prüfen sollten Sie darüber hinaus, ob etwaige Skripte von Drittanbietern die Ladezeiten Ihres Webspaces in die Länge ziehen. Für schlechte Ladezeiten können zudem auch Ihre Datenbanken zuständig sein. Deren Performance sollten Sie also ebenfalls prüfen.
Performance Marketing Manager (DIM) – Zertifikatslehrgang
Im Zertifikatslehrgang Performance Marketing Manager (DIM) lernen Sie, wie Sie Ihr Marketing im Hinblick auf relevante KPIs optimieren und Ihr Marketingbudget effizient für Online Marketingaktivitäten einsetzen. Lernen Sie zeit- und ortsunabhängig, zu 100% online. Starten Sie noch heute und informieren Sie sich jetzt über den Online-Lehrgang!
Bilder optimieren
Im Umgang mit den Bildern und Grafiken auf Ihrer Webseite können Sie ebenfalls verschiedene Schritte für die Optimierung des LCP gehen. Definitiv ratsam ist es, die Bilder zu konvertieren und ein modernes Format wie JPEG zu verwenden. Ebenfalls hilfreich: Das Komprimieren der Bilder, das mit verschiedenen Tools innerhalb weniger Augenblicke möglich ist. Gerade mit Blick auf die mobile Darstellung sollten Sie zudem auf responsive Bilder zurückgreifen. Diese passen sich dem Endgerät der Nutzer automatisch an. Für mobile Darstellungen und den Desktop benötigen Sie somit keine unterschiedlichen Versionen.
Verwendung von CSS und/oder JavaScript prüfen
Spürbar verringern können werden Sie die Ladezeit des LCP auch durch einen cleveren Umgang mit JavaScript oder CSS. So sollten Sie zum Beispiel den JavaScript-Code komprimieren oder den Einfluss der CSS-Dateien verringern.
Fazit: Largest Contentful Paint laufend optimieren
Wie Sie gesehen haben, ist es gar nicht so kompliziert, die Ladezeit bis zum Largest Contentful Paint zu minimieren. In vielen Fällen dürften schon kleine Veränderungen auf Ihrem Webspace zu spürbaren Optimierungen führen. Bilder, JavaScript oder CSS bieten meist eine Menge Einsparpotenzial. So sorgen Sie unterm Strich durch eine kürzere Ladezeit nicht nur für eine bessere Bewertung durch Google. Auch die User werden Ihre Homepage gerne aufrufen, wenn diese in kürzester Zeit geladen wird.
Leena Lorenz
Tel.: +49 (0)221 – 99 555 10 54
Fax: +49 (0)221 – 99 555 10 77
E-Mail senden[/vc_cta]
#LCP #FCP #CLS #CoreWebVitals