{"id":15698,"date":"2021-12-23T12:32:56","date_gmt":"2021-12-23T11:32:56","guid":{"rendered":"https:\/\/wolf-of-seo.de\/?post_type=glossary&p=15698"},"modified":"2023-09-29T13:42:19","modified_gmt":"2023-09-29T11:42:19","slug":"first-contentful-paint","status":"publish","type":"glossary","link":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint","title":{"rendered":"First-Contentful-Paint"},"content":{"rendered":"

\"Was<\/p>\n

Der First Contentful Paint <\/strong>(FCP) deiner Website ist eine der aussagekräftigsten Metriken in den Core Web Vitals von Google. Im Gegensatz zu anderen Kennzahlen ist die FCP keine rein technische Kennzahl für die Antwortzeit<\/span>. FCP konzentriert sich auf die Erfahrung des Nutzers und darauf, was er als Erstes auf der Website wahrnimmt, und nicht darauf, was im Hintergrund geladen wird.<\/p>\n

Wenn du das First Contentful Paint deiner Website optimierst, beschleunigst du nicht nur die allgemeinen Ladezeiten und erhöhst die Bewertung der Seitengeschwindigkeit, sondern du zeigst deinen Besuchern auch buchstäblich, dass ihre Anfragen bearbeitet werden und der Ladevorgang nicht ins Stocken geraten ist.<\/p>\n

Was genau ist der First-Contentful-Paint (FCP)?<\/h2>\n

Der First-Contentful-Paint<\/span><\/span> (FCP) sagt etwas über das Nutzererlebnis aus und gibt die Zeit in Millisekunden an, die zwischen dem Aufruf der Seite und der Anzeige des ersten inhaltsreichen Elements auf der Seite vergeht.
\nInhaltsreich bedeutet ein HTML-Element mit Inhalt. Also kein Formatierungselement wie ein leeres Feld oder eine Hintergrundfarbe. Aber ein Stück Text, ein Bild (einschließlich eines Hintergrundbildes), ein svg oder eine Leinwand.<\/p>\n

Ein “paint” findet jedes Mal statt, wenn ein Browser<\/span><\/span> etwas auf den Bildschirm bringt. Der erste “paint” ist also die Zeit vom Laden der Seite bis zur Anzeige des ersten Textes oder Bildes. Der Besucher bekommt dadurch den Eindruck, dass es sich um eine schnelle Webseite handelt, auch es in Wirklichkeit länger gedauert hat, bis die ganze Seite fertig ist.<\/p>\n

Warum ist der First-Contentful-Paint (FCP) wichtig für die Besucher?<\/h2>\n

Geschwindigkeit spielt im Internet eine große Rolle. Laut einer aktuellen Untersuchung von Google verdoppelt sich die Wahrscheinlichkeit, dass ein Nutzer die Seite verlässt, wenn die Ladezeit 3 Sekunden beträgt. Du kennst das wahrscheinlich: Im Internet ist fast nichts so ärgerlich wie eine langsam ladende Website. Die Wahrscheinlichkeit ist groß, dass du die Seite schnell wegklickst und nach etwas anderem suchst.<\/p>\n

Ein schneller FCP zeigt, dass der Inhalt schnell auf dem Bildschirm angezeigt wird. Der Besucher bekommt also den Eindruck, dass die Seite schnell reagiert und dass schnell etwas passiert. Daher werden die Besucher nicht so schnell von der Seite wegklicken.<\/p>\n

Welche Aussagekraft hat die First Contentful Paint Metrik?<\/h2>\n

Das Laden einer Seite lässt sich nicht in einem einzigen Zeitpunkt zusammenfassen. Es gibt mehrere Momente während des Ladens der Seite, die dazu führen können, dass ein Nutzer die Seite als schnell oder langsam empfindet.<\/p>\n

Du kannst zum Beispiel messen, wann die HTML-Daten von den Browsern empfangen wurden oder wann die gesamte Seite geladen wurde, aber das vermittelt nicht immer einen guten Eindruck.
\nWenn das erste HTML Element empfangen wurde, ist die Seite noch lange nicht auf dem Bildschirm.<\/p>\n

Aber zu warten, bis die ganze Seite auf dem Bildschirm ist, vermittelt nicht immer ein gutes Bild. Bei modernen, interaktiven Seiten musst du manchmal länger warten, bis wirklich jedes Element geladen wurde.<\/p>\n

Während für den Nutzer die Seite eigentlich schon früher fertig war.
\nEs kann von Seite zu Seite unterschiedlich sein, wann die Seite fertig ist. Deshalb ist der FCP ein praktisches Messinstrument, das sich mit dem Nutzererlebnis befasst. Der FCP ist ein Standardmesspunkt, um sich ein besseres Bild von der Geschwindigkeit der Seite zu machen.<\/p>\n

Was ist ein guter First ContentFul Paint?<\/h2>\n

Eine gute Zeit bis zum ersten Byte für Webseiten ist laut Google Developers niedriger als 2000ms. Ein FCP zwischen 2000 und 4000ms gilt als “moderat” und über 4000ms ist sehr langsam. Für den FCP Wert gilt, dass niedriger immer besser ist. Deshalb halten viele technische SEO-Experte<\/a>n 1800ms für eine hervorragende Antwortzeit<\/span>.<\/p>\n

Was ist ein guter FCP Wert?<\/h2>\n

Der FCP (First Contentful Paint) ist eine wichtige Web-Vitals-Metrik, die die Zeit misst, die benötigt wird, um den ersten Inhalt einer Website im Browser<\/span> des Nutzers darzustellen. Ein guter FCP-Wert sorgt für ein besseres Nutzererlebnis und kann sich positiv auf SEO auswirken. Hier sind einige Strategien, wie Sie den FCP-Wert Ihrer Website verbessern können:<\/p>\n

Serveroptimierung<\/h3>\n
    \n
  1. Servergeschwindigkeit:<\/strong> Wählen Sie einen schnellen und zuverlässigen Hosting-Anbieter. Eine niedrige Serverantwortzeit verbessert den FCP-Wert.<\/li>\n
  2. CDN (Content Delivery Network)<\/span> nutzen:<\/strong> Ein CDN kann die Auslieferung von Inhalten beschleunigen, indem es diese von einem geografisch näheren Standort zum Nutzer sendet.<\/li>\n
  3. GZIP-Komprimierung<\/span>:<\/strong> Aktivieren Sie die GZIP-Komprimierung<\/span> für CSS-, HTML- und JavaScript<\/span>-Dateien, um die Übertragungszeit zu verkürzen.<\/li>\n<\/ol>\n

    Optimierung von Ressourcen<\/h3>\n
      \n
    1. Dateigrößen reduzieren:<\/strong> Verkleinern Sie die Größe von Bildern und anderen Medieninhalten. Verwenden Sie moderne Bildformate wie WebP.<\/li>\n
    2. Minimierung und Aggregation:<\/strong> Minimieren Sie CSS und JavaScript<\/span>-Dateien und fassen Sie kleinere Dateien wo möglich zusammen.<\/li>\n
    3. Lazy Loading:<\/strong> Implementieren Sie Lazy Loading für Bilder und andere Medienelemente, die unterhalb des sichtbaren Bereichs („below the fold<\/span>“) liegen.<\/li>\n<\/ol>\n

      Browser-Caching<\/h3>\n
        \n
      1. Cache-Control:<\/strong> Verwenden Sie Header für Cache-Control, um zu steuern, wie lange Ressourcen im Browser<\/span>-Cache des Benutzers gespeichert werden.<\/li>\n
      2. ETags:<\/strong> Nutzen Sie ETags, um dem Browser<\/span> zu signalisieren, welche Ressourcen erneut geladen werden müssen und welche nicht.<\/li>\n<\/ol>\n

        Code-Optimierung<\/h3>\n
          \n
        1. Asynchrone oder differenzierte Skripte:<\/strong> Wo möglich, sollten Skripte asynchron oder differenziert geladen werden, um die Renderzeit nicht zu blockieren.<\/li>\n
        2. Inline-Critical-CSS:<\/strong> Verwenden Sie Inline-CSS für kritische Rendering-Pfade und verschieben Sie weniger wichtige CSS-Dateien zum Ende des Dokuments.<\/li>\n<\/ol>\n

          Überwachung und Analyse<\/h3>\n
            \n
          1. Real User Monitoring (RUM):<\/strong> Nutzen Sie Tools wie Google PageSpeed<\/span> Insights<\/span> oder Lighthouse, um den FCP und andere Web-Vitals-Metriken zu überwachen.<\/li>\n
          2. A\/B-Tests:<\/strong> Führen Sie A\/B-Tests durch, um die Wirksamkeit Ihrer Optimierungen zu bewerten.<\/li>\n<\/ol>\n

            Mit diesen Optimierungsschritten können Sie den FCP-Wert Ihrer Website deutlich verbessern und somit nicht nur das Nutzererlebnis steigern, sondern auch die SEO-Performance Ihrer Website positiv beeinflussen. Es ist wichtig, die Auswirkungen jeder Änderung sorgfältig zu messen, um sicherzustellen, dass sie die gewünschten Ergebnisse liefert.<\/p>\n

            Fazit<\/h2>\n

            Ein guter FCP-Wert (First Contentful Paint) ist entscheidend für die Benutzererfahrung und indirekt auch für die SEO-Performance einer Website. Durch eine schnelle Darstellung des ersten sichtbaren Inhalts auf der Webseite entsteht bei den Nutzern ein positiver erster Eindruck. Das wiederum kann die Verweildauer und die Interaktion mit der Seite erhöhen, was letztendlich SEO-relevante Metriken wie die Absprungrate positiv beeinflusst.<\/p>\n

            Serveroptimierungen, die Reduzierung und Komprimierung<\/span> von Ressourcen, kluges Browser<\/span>-Caching<\/span> und Code-Optimierungen sind wesentliche Bausteine, um den FCP-Wert zu verbessern. Besonders wichtig ist dabei, dass diese Optimierungen im Kontext der gesamten Web-Performance betrachtet werden sollten. Die Implementierung eines guten Monitoring-Systems ist daher unverzichtbar, um die Auswirkungen der durchgeführten Änderungen zu messen und bei Bedarf Anpassungen vorzunehmen.<\/p>\n

            Aber nicht nur technische Aspekte sind relevant. Der FCP-Wert kann auch durch inhaltliche Strategien, wie die Platzierung kritischer Inhalte in den sichtbaren Bereich der Webseite („above the fold“), positiv beeinflusst werden. Somit wird der FCP zu einer gemeinsamen Verantwortung von Entwicklern, Designern und Content-Strategen.<\/p>\n

            Kurzum, ein optimaler FCP-Wert ist das Resultat einer umfassenden, gut abgestimmten Web-Performance-Strategie, die sowohl technische als auch inhaltliche Aspekte berücksichtigt. Das Erreichen eines guten FCP-Wertes ist daher nicht nur eine einmalige Aufgabe, sondern erfordert kontinuierliche Überwachung und Anpassung. Er stellt einen der Eckpfeiler für eine erfolgreiche SEO-Strategie und ein hervorragendes Nutzererlebnis dar.<\/p>\n","protected":false},"excerpt":{"rendered":"

            Der First Contentful Paint (FCP) deiner Website ist eine der aussagekräftigsten Metriken in den Core Web Vitals von Google. Im Gegensatz zu anderen Kennzahlen ist die FCP keine rein technische Kennzahl für die Antwortzeit<\/span><\/span>. FCP konzentriert sich auf die Erfahrung des Nutzers und darauf, was er als Erstes auf der Website wahrnimmt, und nicht darauf, […]<\/p>\n","protected":false},"author":3,"featured_media":31560,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-15698","glossary","type-glossary","status-publish","has-post-thumbnail","hentry"],"acf":{"show_faq":true,"faq_q_1":"Was ist First Contentful Paint?","faq_antwort_1":"First Contentful Paint (FCP) ist ein wichtiges Metrik, das bei der Messung der Benutzerfreundlichkeit einer Website eine gro\u00dfe Rolle spielt. Es misst die Zeit, die ben\u00f6tigt wird, um den ersten Inhalt auf der Seite darzustellen, nachdem der Benutzer die Seite aufgerufen hat. Dieser erste Inhalt kann ein Bild, ein Block an Text oder ein anderes Element sein.","faq_q_2":"Warum ist die Messung des First Contentful Paint wichtig?","faq_antwort_2":"Die Messung des First Contentful Paint ist wichtig, weil sie eine gute M\u00f6glichkeit bietet, zu sehen, wie schnell eine Seite geladen wird und wie viel Zeit Ihre Besucher ben\u00f6tigen, um die ersten Inhalte zu sehen. Wenn die Ladezeit zu lange ist, k\u00f6nnen Besucher schnell dazu neigen, die Seite zu verlassen, was f\u00fcr Sie als Unternehmer einen hohen Verlust an Conversions bedeuten kann.","faq_q_3":"Wie wird der First Contentful Paint gemessen?","faq_antwort_3":"Der First Contentful Paint wird gemessen, indem das erste Element auf der Seite beobachtet wird, das im Browser im Sichtfeld des Benutzers geladen wird. Dieses Element kann ein Bild, ein Block an Text oder ein anderes Element sein. Der FCP-Wert wird dann in Millisekunden angegeben.","faq_q_4":"Welche Einfl\u00fcsse hat die Gr\u00f6\u00dfe des ersten Inhalts auf den First Contentful Paint-Wert?","faq_antwort_4":"Je gr\u00f6\u00dfer der erste Inhalt ist, desto l\u00e4nger dauert es in der Regel, ihn zu laden. Daher wird ein gr\u00f6\u00dferer erster Inhalt normalerweise einen l\u00e4ngeren First Contentful Paint-Wert ergeben als ein kleinerer.","faq_q_5":"Welche Auswirkungen kann die Ladezeit einer Seite auf die Benutzerfreundlichkeit haben?","faq_antwort_5":"Eine lange Ladezeit kann dazu f\u00fchren, dass Benutzer die Seite verlassen, bevor sie sie \u00fcberhaupt ansehen. Dies kann zu einem Verlust an Conversions f\u00fcr Ihr Unternehmen f\u00fchren. Aus diesem Grund ist es wichtig, dass Seiten so schnell wie m\u00f6glich geladen werden, um sicherzustellen, dass Benutzer auf der Seite bleiben und den Inhalt lesen.","faq_q_6":"K\u00f6nnen Benutzer aktiv dazu beitragen, dass der First Contentful Paint-Wert verbessert wird?","faq_antwort_6":"Ja, Benutzer k\u00f6nnen durch das Verringern von Bildgr\u00f6\u00dfen und das Setzen eines Caches aktiv dazu beitragen, dass Seiten schneller geladen werden. Dies kann dazu beitragen, die Ladezeit zu verringern und den First Contentful Paint-Wert zu verbessern.","faq_q_7":"Wie kann man das First Contentful Paint-Problem beheben, wenn es besteht?","faq_antwort_7":"Wenn die Ladezeit zu lange ist, k\u00f6nnen Sie versuchen, die Gr\u00f6\u00dfe der Bilder zu reduzieren, indem Sie \u00fcberm\u00e4\u00dfig gro\u00dfe Bilder komprimieren. Sie k\u00f6nnen auch einen Cache auf Ihrer Seite implementieren, um Daten zwischen Besuchen zu speichern. Dies kann die Ladezeit beim n\u00e4chsten Besuch verringern und den First Contentful Paint-Wert verbessern.","faq_q_8":"Welche anderen Google-Metriken spielen eine Rolle bei der Messung der Benutzerfreundlichkeit?","faq_antwort_8":"Neben dem First Contentful Paint gibt es andere Metriken, die bei der Messung der Benutzerfreundlichkeit eines Websites wichtig sind. Dazu geh\u00f6ren die Ladezeitkennzahl, die Time to Interactive, die Time to First Byte und die Cumulative Layout Shift.","faq_q_9":"Welche Tools k\u00f6nnen verwendet werden, um den First Contentful Paint zu \u00fcberpr\u00fcfen?","faq_antwort_9":"Es gibt viele Tools, die Sie verwenden k\u00f6nnen, um den First Contentful Paint zu \u00fcberpr\u00fcfen. Einige der bekanntesten sind Google PageSpeed Insights, Lighthouse und WebPageTest. Diese Tools k\u00f6nnen Ihnen helfen, einen Einblick in Ihre Ladezeiten zu erhalten und M\u00f6glichkeiten zur Verbesserung Ihrer Seitengeschwindigkeit zu ermitteln.","faq_q_10":"Was k\u00f6nnen Unternehmen tun, um den First Contentful Paint zu verbessern?","faq_antwort_10":"Um den First Contentful Paint zu verbessern, sollten Unternehmen versuchen, die Bildgr\u00f6\u00dfen zu reduzieren und Caches zu implementieren, um die Ladezeit zu verk\u00fcrzen. Sie k\u00f6nnen auch Verz\u00f6gerungen beim Rendern von Inhalten vermeiden, indem sie das Rendering des Inhalts priorisieren und gro\u00dfe Anfragen vermeiden."},"yoast_head":"\nWas ist First-Contentful-Paint? | (& 5 Tipps zur Optimierung)<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"First-Contentful-Paint\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/\" \/>\n<meta property=\"og:site_name\" content=\"WOLF OF SEO\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wolf.of.seo.ns\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-29T11:42:19+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/First-Contentful-Paint.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1\" \/>\n\t<meta property=\"og:image:height\" content=\"1\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wolf_of_seo\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/\",\"name\":\"Was ist First-Contentful-Paint? | (& 5 Tipps zur Optimierung)\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/First-Contentful-Paint.jpg\",\"datePublished\":\"2021-12-23T11:32:56+00:00\",\"dateModified\":\"2023-09-29T11:42:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/#primaryimage\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/First-Contentful-Paint.jpg\",\"contentUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2023\\\/01\\\/First-Contentful-Paint.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/en\\\/what-is\\\/first-contentful-paint\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/wolf-of-seo.de\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"First-Contentful-Paint\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#website\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"name\":\"WOLF OF SEO\",\"description\":\"Die E-Commerce SEO-Agentur\",\"publisher\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wolf-of-seo.de\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#organization\",\"name\":\"WOLF OF SEO\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"contentUrl\":\"https:\\\/\\\/wolf-of-seo.de\\\/wp-content\\\/uploads\\\/2021\\\/11\\\/logo_wos_beitragsbild3.jpg\",\"width\":1,\"height\":1,\"caption\":\"WOLF OF SEO\"},\"image\":{\"@id\":\"https:\\\/\\\/wolf-of-seo.de\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/wolf.of.seo.ns\",\"https:\\\/\\\/x.com\\\/wolf_of_seo\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"What is First-Contentful-Paint? | (& 5 tips for optimization)","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/","og_locale":"en_US","og_type":"article","og_title":"First-Contentful-Paint","og_url":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/","og_site_name":"WOLF OF SEO","article_publisher":"https:\/\/www.facebook.com\/wolf.of.seo.ns","article_modified_time":"2023-09-29T11:42:19+00:00","og_image":[{"url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/First-Contentful-Paint.jpg","width":1,"height":1,"type":"image\/jpeg"}],"twitter_card":"summary_large_image","twitter_site":"@wolf_of_seo","twitter_misc":{"Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/","url":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/","name":"What is First-Contentful-Paint? | (& 5 tips for optimization)","isPartOf":{"@id":"https:\/\/wolf-of-seo.de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/#primaryimage"},"image":{"@id":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/#primaryimage"},"thumbnailUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/First-Contentful-Paint.jpg","datePublished":"2021-12-23T11:32:56+00:00","dateModified":"2023-09-29T11:42:19+00:00","breadcrumb":{"@id":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/#primaryimage","url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/First-Contentful-Paint.jpg","contentUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2023\/01\/First-Contentful-Paint.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/wolf-of-seo.de\/en\/what-is\/first-contentful-paint\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wolf-of-seo.de\/"},{"@type":"ListItem","position":2,"name":"First-Contentful-Paint"}]},{"@type":"WebSite","@id":"https:\/\/wolf-of-seo.de\/#website","url":"https:\/\/wolf-of-seo.de\/","name":"WOLF OF SEO","description":"The e-commerce SEO agency","publisher":{"@id":"https:\/\/wolf-of-seo.de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wolf-of-seo.de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/wolf-of-seo.de\/#organization","name":"WOLF OF SEO","url":"https:\/\/wolf-of-seo.de\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/","url":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","contentUrl":"https:\/\/wolf-of-seo.de\/wp-content\/uploads\/2021\/11\/logo_wos_beitragsbild3.jpg","width":1,"height":1,"caption":"WOLF OF SEO"},"image":{"@id":"https:\/\/wolf-of-seo.de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/wolf.of.seo.ns","https:\/\/x.com\/wolf_of_seo"]}]}},"_links":{"self":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/15698","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary"}],"about":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/types\/glossary"}],"author":[{"embeddable":true,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":0,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/glossary\/15698\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/media\/31560"}],"wp:attachment":[{"href":"https:\/\/wolf-of-seo.de\/en\/wp-json\/wp\/v2\/media?parent=15698"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}