{"id":119102,"date":"2020-10-29T19:22:57","date_gmt":"2020-10-29T11:22:57","guid":{"rendered":"https:\/\/seo-hacker.com\/?p=19102"},"modified":"2021-05-11T05:48:40","modified_gmt":"2021-05-11T05:48:40","slug":"largest-contentful-paint","status":"publish","type":"post","link":"https:\/\/seo-hacker.com\/largest-contentful-paint\/","title":{"rendered":"Core Web Vitals Guide Part 2: Largest Contentful Paint (LCP)"},"content":{"rendered":"<p><a href=\"https:\/\/seo-hacker.com\/largest-contentful-paint\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" class=\"fpi-shvzz\" class=\"alignnone wp-image-19103 size-full lazyload\" data-src=\"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg\" alt=\"optimizing largest contenful paint (LCP)\" width=\"600\" data-wp-pid=\"19103\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/768;\" \/><\/a><\/p>\n<p><span style=\"font-weight: 400;\">In the 2nd part of our Core Web Vitals guide, we\u2019ll talk about the first of the three metrics, Largest Contentful Paint or LCP. I\u2019ll run you through everything you need to know about LCP and how you can optimize for it to get your website prepared for when <a href=\"https:\/\/seo-hacker.com\/page-experience-core-web-vitals\/\" target=\"_blank\" rel=\"noopener noreferrer\">Core Web Vitals become a ranking factor in 2021<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Website loading speeds are one of the most important ranking factors and it highly affects user experience as well. If it takes minutes before your main content loads, it is a bad experience for the user.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Before, it was challenging for developers to measure the time it takes for the main content of a web page to be visible to a user. So Google kept it simple and found out that the best way to measure it is by the largest element on the web page thus the metric, Largest Contentful Paint.\u00a0<\/span><\/p>\n<p><!--more--><\/p>\n<h2><span style=\"font-weight: 400;\">What is Largest Contentful Paint (LCP)?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\"><a href=\"https:\/\/web.dev\/lcp\/\" target=\"_blank\" rel=\"noopener noreferrer\">Largest Contentful Paint<\/a> is a measure of how long does it take for a web page to load the largest element until it is visible in the viewport.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As written in the <a href=\"https:\/\/seo-hacker.com\/core-web-vitals-optimization-guide\/\" target=\"_blank\" rel=\"noopener noreferrer\">first part of the Core Web Vitals guide<\/a>, a measure of good LCP is when the Largest Contentful Paint of a webpage load within 2.5 seconds. Anything between 2.5 seconds to 4.0 seconds needs improvement and any LCP loading speed above 4.0 seconds is poor.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-18865 lazyload\" data-src=\"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/07\/largest-contentful-paint.jpg\" alt=\"largest-contentful-paint\" width=\"600\" data-wp-pid=\"18865\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/230;\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">Elements that are considered for LCP<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Currently, there are five elements that are considered for LCP.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Image elements<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Image elements inside Scalable Vector Graphics or SVG elements<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Video elements<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Background images loaded using url()<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\">Block elements with text<\/span><\/li>\n<\/ul>\n<h2><span style=\"font-weight: 400;\">How to Identify the Largest Contentful Paint of a Web Page<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">If you want to know what Google considers the LCP of a web page, you can use the <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\" target=\"_blank\" rel=\"noopener noreferrer\">Chrome Developer Tools<\/a>.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">First, go to the page that you want to check, fire up Chrome Developer Tools (ctrl+shift+I), then go to <\/span><i><span style=\"font-weight: 400;\">Performance<\/span><\/i><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-19104 lazyload\" data-src=\"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/LCP-chrome-devtools-1-1024x502.png\" alt=\"\" width=\"600\" data-wp-pid=\"19104\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/502;\" \/><\/p>\n<p><span style=\"font-weight: 400;\">Click the record button and refresh the page. Wait for 10 seconds or until the page fully loads then stop the recording. You should now see the web page data. Under <\/span><i><span style=\"font-weight: 400;\">Timings<\/span><\/i><span style=\"font-weight: 400;\">, you should see LCP, and when you hover your mouse over it, the Largest Contentful Paint of the web page should be highlighted. In this screenshot, I identified the LCP of a blog post and the LCP of it is the featured image.<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-large wp-image-19105 lazyload\" data-src=\"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/LCP-chrome-devtools-2-1024x501.png\" alt=\"\" width=\"600\" data-wp-pid=\"19105\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/501;\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">What causes poor LCP?<\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Slow Server Response Times<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">A slow server will negatively affect all loading speed metrics across your website. And even if your other resources are optimized, all of it will just be wasted as long as you have a poor performing server.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Render-blocking JavaScript and CSS<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">If you just keep on adding new plugins on your website or choosing a heavily-designed theme, you might need to reconsider them. Adding JavaScript and CSS, especially above the fold, heavily affects loading times. Every time a browser comes across synchronous scripts and external stylesheets, it delays the rendering of a web page.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Resource Load Times<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Images, videos, and text-block elements that render above-the-fold have a direct effect on LCP. Big elements such as hero banners must be optimized to reduce loading times.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Client-side Rendering<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Client-side rendering is popular for many web developers. Using JavaScript, it renders pages web pages directly in the browser. However, JavaScipt does heavily impact LCP because the browser would have to load all critical JavaScript first before it completes rendering.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">How to Optimize Largest Contentful Paint (LCP)<\/span><\/h2>\n<h3><span style=\"font-weight: 400;\">Improve Server<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">The first thing that you should look up when optimizing your server is your web hosting. You\u2019ve got two options here: either opt for a higher hosting plan with your current provider or move to a different provider.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you\u2019re on a shared website hosting, <a href=\"https:\/\/seo-hacker.com\/liquid-web-review\/\" target=\"_blank\" rel=\"noopener noreferrer\">moving to a dedicated server<\/a> is a big improvement since you won\u2019t be sharing resources anymore with other websites. Always make sure to choose a reliable and reputable hosting company. Do your research first and find out if they are using updated software and equipment. Customer support is also a priority as well.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Caching and using a <a href=\"https:\/\/seo-hacker.com\/implement-selfhosted-cdn-site-speed\/\" target=\"_blank\" rel=\"noopener noreferrer\">Content Delivery Network (CDN)<\/a> can greatly improve your server performance as well. Both will reduce the time that it takes for a browser to load the content of a web page.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Optimize Images<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Unoptimized images are one of the most often causes of poor LCP. All images above the fold such as hero banners, carousels, banners, featured images are common and the first thing you should do is make sure that these are optimized\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">You can use various tools to compress images before you upload them. You can even install plugins on your website to compress existing images there. Reducing the file size of images reduces the load. You should also use modern image formats.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Do a quick review of the images on a web page with poor LCP if some of these images are necessary. One of the easiest methods to reduce LCP is by simply removing images. If these are still not enough, consider using an image CDN.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Defer Non-Critical JavaScript and CSS<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">When optimizing for LCP, remember that the goal is to serve the user the above-the-fold section of your website as much as possible. Above-the-fold is the first thing that the user sees on your website as soon as it loads.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Instead of loading scripts and stylesheets above-the-fold, defer them by placing them below-the-fold so the browser can focus loading on what matters most, the main content of the web page.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">Minify CSS and Minimize Critical JavaScript<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Minify is a term used when removing unnecessary lines and characters from CSS and JavaScript. The way a browser load a web page is similar to a person reading a book. When you read a book, you read every word in every sentence. The same goes for browsers.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Always check for unused and unnecessary lines and characters in your stylesheets and scripts. It may not look much but every bit can help shave-off loading times of your website little by little.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">For JavaScript, some content of your website may not load until all scripts have fully loaded. You would want to cut down some of your scripts that are unnecessary.<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Test Your LCP<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Use Google Search Console to identify which pages on your website have poor LCP scores. Once you are done optimizing them, use the various Field and Lab tools to make sure that your LCP is up to speed.<\/span><\/p>\n<p><a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\">PageSpeed Insights<\/a><\/p>\n<p><a href=\"https:\/\/web.dev\/\">Web.dev<\/a><\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/web-vitals\/ahfhijdlegdabablpippeagghigmibma?hl=en\">Web Vital Chrome Extension<\/a><\/p>\n<p><a href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk?hl=en\">Lighthouse<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>In the 2nd part of our Core Web Vitals guide, we\u2019ll talk about the first of the three metrics, Largest Contentful Paint or LCP. I\u2019ll run you through everything you need to know about LCP and how you can optimize for it to get your website prepared for when Core Web Vitals become a ranking [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"wl_entities_gutenberg":"","footnotes":""},"categories":[100008,100013],"tags":[103623,103700,103699],"wl_entity_type":[102583],"class_list":["post-119102","post","type-post","status-publish","format-standard","hentry","category-seo","category-seo-tips-and-tricks","tag-core-web-vitals","tag-largest-contentful-paint","tag-lcp","wl_entity_type-article"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Largest Contenful Paint (LCP) Optimization Guide<\/title>\n<meta name=\"description\" content=\"Largest Contentful Paint (LCP) is one of the three Core Web Vital metrics that measure the time it takes for a web page to load its largest resource.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/seo-hacker.com\/largest-contentful-paint\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Largest Contenful Paint (LCP) Optimization Guide\" \/>\n<meta property=\"og:description\" content=\"Largest Contentful Paint (LCP) is one of the three Core Web Vital metrics that measure the time it takes for a web page to load its largest resource.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/seo-hacker.com\/largest-contentful-paint\/\" \/>\n<meta property=\"og:site_name\" content=\"SEO Services Agency in Manila, Philippines\" \/>\n<meta property=\"article:published_time\" content=\"2020-10-29T11:22:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-05-11T05:48:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg\" \/>\n<meta name=\"author\" content=\"Sean Si\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/\"},\"author\":{\"name\":\"Sean Si\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#\\\/schema\\\/person\\\/5565b7823135bb49dd1618bbcaec2dbf\"},\"headline\":\"Core Web Vitals Guide Part 2: Largest Contentful Paint (LCP)\",\"datePublished\":\"2020-10-29T11:22:57+00:00\",\"dateModified\":\"2021-05-11T05:48:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/\"},\"wordCount\":1094,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg\",\"keywords\":[\"core web vitals\",\"largest contentful paint\",\"LCP\"],\"articleSection\":[\"SEO\",\"SEO tips and tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/\",\"url\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/\",\"name\":\"Largest Contenful Paint (LCP) Optimization Guide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg\",\"datePublished\":\"2020-10-29T11:22:57+00:00\",\"dateModified\":\"2021-05-11T05:48:40+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#\\\/schema\\\/person\\\/5565b7823135bb49dd1618bbcaec2dbf\"},\"description\":\"Largest Contentful Paint (LCP) is one of the three Core Web Vital metrics that measure the time it takes for a web page to load its largest resource.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#primaryimage\",\"url\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg\",\"contentUrl\":\"https:\\\/\\\/seo-hacker.com\\\/wp-content\\\/uploads\\\/2020\\\/10\\\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg\",\"width\":1024,\"height\":768,\"caption\":\"optimizing largest contenful paint (LCP)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/largest-contentful-paint\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/seo-hacker.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core Web Vitals Guide Part 2: Largest Contentful Paint (LCP)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#website\",\"url\":\"https:\\\/\\\/seo-hacker.com\\\/\",\"name\":\"SEO Services Agency in Manila, Philippines\",\"description\":\"SEO Hacker is an SEO Agency and SEO Blog in the Philippines. Let us take your website to the top of the search results with our holistic white-hat strategies. Inquire today!\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/seo-hacker.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/seo-hacker.com\\\/#\\\/schema\\\/person\\\/5565b7823135bb49dd1618bbcaec2dbf\",\"name\":\"Sean Si\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g\",\"caption\":\"Sean Si\"},\"description\":\"Sean Si is a Filipino motivational speaker and a Leadership Speaker in the Philippines. He is the head honcho and editor-in-chief of SEO Hacker. He does SEO Services for companies in the Philippines and Abroad. Connect with him at Facebook, LinkedIn or Twitter. Check out his new project...\",\"sameAs\":[\"https:\\\/\\\/sean.si\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Largest Contenful Paint (LCP) Optimization Guide","description":"Largest Contentful Paint (LCP) is one of the three Core Web Vital metrics that measure the time it takes for a web page to load its largest resource.","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:\/\/seo-hacker.com\/largest-contentful-paint\/","og_locale":"en_US","og_type":"article","og_title":"Largest Contenful Paint (LCP) Optimization Guide","og_description":"Largest Contentful Paint (LCP) is one of the three Core Web Vital metrics that measure the time it takes for a web page to load its largest resource.","og_url":"https:\/\/seo-hacker.com\/largest-contentful-paint\/","og_site_name":"SEO Services Agency in Manila, Philippines","article_published_time":"2020-10-29T11:22:57+00:00","article_modified_time":"2021-05-11T05:48:40+00:00","og_image":[{"url":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg","type":"","width":"","height":""}],"author":"Sean Si","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/#article","isPartOf":{"@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/"},"author":{"name":"Sean Si","@id":"https:\/\/seo-hacker.com\/#\/schema\/person\/5565b7823135bb49dd1618bbcaec2dbf"},"headline":"Core Web Vitals Guide Part 2: Largest Contentful Paint (LCP)","datePublished":"2020-10-29T11:22:57+00:00","dateModified":"2021-05-11T05:48:40+00:00","mainEntityOfPage":{"@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/"},"wordCount":1094,"commentCount":0,"image":{"@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/#primaryimage"},"thumbnailUrl":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg","keywords":["core web vitals","largest contentful paint","LCP"],"articleSection":["SEO","SEO tips and tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/seo-hacker.com\/largest-contentful-paint\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/","url":"https:\/\/seo-hacker.com\/largest-contentful-paint\/","name":"Largest Contenful Paint (LCP) Optimization Guide","isPartOf":{"@id":"https:\/\/seo-hacker.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/#primaryimage"},"image":{"@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/#primaryimage"},"thumbnailUrl":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg","datePublished":"2020-10-29T11:22:57+00:00","dateModified":"2021-05-11T05:48:40+00:00","author":{"@id":"https:\/\/seo-hacker.com\/#\/schema\/person\/5565b7823135bb49dd1618bbcaec2dbf"},"description":"Largest Contentful Paint (LCP) is one of the three Core Web Vital metrics that measure the time it takes for a web page to load its largest resource.","breadcrumb":{"@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/seo-hacker.com\/largest-contentful-paint\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/#primaryimage","url":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg","contentUrl":"https:\/\/seo-hacker.com\/wp-content\/uploads\/2020\/10\/17-Optimizing-LCP-and-Fixing-LCP-Issues-CP.jpg","width":1024,"height":768,"caption":"optimizing largest contenful paint (LCP)"},{"@type":"BreadcrumbList","@id":"https:\/\/seo-hacker.com\/largest-contentful-paint\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/seo-hacker.com\/"},{"@type":"ListItem","position":2,"name":"Core Web Vitals Guide Part 2: Largest Contentful Paint (LCP)"}]},{"@type":"WebSite","@id":"https:\/\/seo-hacker.com\/#website","url":"https:\/\/seo-hacker.com\/","name":"SEO Services Agency in Manila, Philippines","description":"SEO Hacker is an SEO Agency and SEO Blog in the Philippines. Let us take your website to the top of the search results with our holistic white-hat strategies. Inquire today!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/seo-hacker.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/seo-hacker.com\/#\/schema\/person\/5565b7823135bb49dd1618bbcaec2dbf","name":"Sean Si","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3225fbc3fa29eafa997934ff429b9b1949121b469f7a110079f055ad4eeffd25?s=96&d=mm&r=g","caption":"Sean Si"},"description":"Sean Si is a Filipino motivational speaker and a Leadership Speaker in the Philippines. He is the head honcho and editor-in-chief of SEO Hacker. He does SEO Services for companies in the Philippines and Abroad. Connect with him at Facebook, LinkedIn or Twitter. Check out his new project...","sameAs":["https:\/\/sean.si"]}]}},"_wl_alt_label":[],"jetpack_featured_media_url":"","wl:entity_url":"http:\/\/data.wordlift.io\/wl0320\/post\/core_web_vitals_guide_part_2__largest_contentful_paint_lcp","_links":{"self":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/posts\/119102","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/comments?post=119102"}],"version-history":[{"count":0,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/posts\/119102\/revisions"}],"wp:attachment":[{"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/media?parent=119102"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/categories?post=119102"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/tags?post=119102"},{"taxonomy":"wl_entity_type","embeddable":true,"href":"https:\/\/seo-hacker.com\/wp-json\/wp\/v2\/wl_entity_type?post=119102"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}