{"id":5023,"date":"2020-08-20T11:29:22","date_gmt":"2020-08-20T11:29:22","guid":{"rendered":"https:\/\/blog.verbat.com\/?p=2444"},"modified":"2024-05-27T06:57:11","modified_gmt":"2024-05-27T06:57:11","slug":"largest-contentful-paint","status":"publish","type":"post","link":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/","title":{"rendered":"Largest Contentful Paint"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">According to Google, the Largest Contentful\nPaint or LCP is the user-centric metric for measuring perceived load speed\nbecause it marks the point in the page load timeline when the page content has\nlikely loaded.&nbsp;<\/p>\n\n\n\n<!--more-->\n\n\n\n<p class=\"wp-block-paragraph\">The LCP metric identifies the largest\ncontent element visible within the viewport and anything that lies beyond the\nscreen does not count. The largest content element can vary from site to site\nand can be anything from images, video poster images, background images, or\nblock-level text elements like paragraph tags.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Why is LCP Measured?<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">LCP is a key metric of the <a href=\"https:\/\/www.verbat.com\/blog\/google-core-web-vitals\/\"><strong>Core Web Vitals<\/strong><\/a> report of Google, others being FID (first input delay), and CLS (Cumulative Layout Shift). LCP was chosen as a key metric as it correctly measures how fast a web page can be considered useful. Also, it is easy to figure out the LCP and to optimize for it. Another major development regarding LCP is that it is set to become a ranking factor in 2021 which makes it even more critical.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As per Google\u2019s insights the elements\ncurrently used to measure LCP are&nbsp;<\/p>\n\n\n\n<ul>\n<li>img elements<\/li>\n<li>image elements inside an svg element<\/li>\n<li>video elements (the poster image is used)<\/li>\n<li>An element with a background image loaded via the URL () function (as opposed to a CSS gradient)<\/li>\n<li>Block-level elements containing text nodes or other inline-level text elements children<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">As of now, the SVG and VIDEO elements are not used for calculating the Largest Contentful Paint.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>How to Figure Out Your\nLCP?<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">LCP can be measured using<strong>&nbsp;<\/strong><em>in the field tool<\/em>s like\nChrome User Experience Report, PageSpeed Insights, Search Console (Core Web\nVitals report), or&nbsp;<em>in\nthe lab tools<\/em>&nbsp;like Chrome DevTools, Lighthouse, WebPageTest.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A good LCP score should be around the first 2.5 sec of the page starting to load. LCP scores for both <a href=\"https:\/\/www.verbat.com\/technologies\/mobile-app-development\">mobile<\/a> and desktop are different. Because Google is leaning towards mobile-first indexing, it would be ideal to optimize for mobile-first and then desktop.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Poor LCP is caused by various factors\nlike&nbsp;<em>Slow server\nresponse times, Render-blocking JavaScript and CSS, Slow resource load times,\nand Client-side rendering<\/em>. Hence these are the very areas that\nshould be focused on to gain a high LCP score.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A slow server can be a concern with DDOS\nlevels of hacking and scraper traffic on a shared or VPS host. You may find a\nway out of this by installing a WordPress plugin like WordFence to check out if\nyou are under any major security breach and then block it.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Other concerns include the misconfiguration of a dedicated server or VPS or outdated <a href=\"https:\/\/www.verbat.com\/software-development\">software<\/a> like an old PHP version or CMS software. The worst case would be a shared server with multiple users that are slowing you down. If that is the issue moving to a good host would be ideal.&nbsp; Usually, adding caching optimizing images, fixing render-blocking CSS, and JavaScript and pre-loading certain assets can be of help to a certain extent. Google has a cool suggestion to deal with CSS such as to remove all unused CSS entirely or move it to another stylesheet if it is used on a different page of your site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.verbat.com\/\">it companies in dubai&nbsp;<\/a>|<a href=\"https:\/\/www.verbat.com\/search-engine-optimization\/search-engine-optimization-dubai\">SEO Companies in Dubai&nbsp;<\/a>|&nbsp;<a href=\"https:\/\/www.verbat.com\/web-hosting\">Web Hosting Dubai<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>According to Google, the Largest Contentful Paint or LCP is the user-centric metric for measuring perceived load speed because it marks the point in the page load timeline when the page content has likely loaded.&nbsp;<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-5023","post","type-post","status-publish","format-standard","hentry","category-others"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Largest Contentful Paint - Verbat<\/title>\n<meta name=\"description\" content=\"Understand Largest Contentful Paint (LCP) and its impact on user experience, plus tips to optimize your website&#039;s loading performance.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.verbat.com\/blog\/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 Contentful Paint - Verbat\" \/>\n<meta property=\"og:description\" content=\"Understand Largest Contentful Paint (LCP) and its impact on user experience, plus tips to optimize your website&#039;s loading performance.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/\" \/>\n<meta property=\"og:site_name\" content=\"Software Development Company Dubai UAE - Verbat Technologies\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/verbatltd\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-20T11:29:22+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-27T06:57:11+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@verbatltd\" \/>\n<meta name=\"twitter:site\" content=\"@verbatltd\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/\"},\"author\":{\"name\":\"\",\"@id\":\"\"},\"headline\":\"Largest Contentful Paint\",\"datePublished\":\"2020-08-20T11:29:22+00:00\",\"dateModified\":\"2024-05-27T06:57:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/\"},\"wordCount\":547,\"publisher\":{\"@id\":\"https:\/\/www.verbat.com\/blog\/#organization\"},\"articleSection\":[\"Others\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/\",\"url\":\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/\",\"name\":\"Largest Contentful Paint - Verbat\",\"isPartOf\":{\"@id\":\"https:\/\/www.verbat.com\/blog\/#website\"},\"datePublished\":\"2020-08-20T11:29:22+00:00\",\"dateModified\":\"2024-05-27T06:57:11+00:00\",\"description\":\"Understand Largest Contentful Paint (LCP) and its impact on user experience, plus tips to optimize your website's loading performance.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.verbat.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Largest Contentful Paint\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.verbat.com\/blog\/#website\",\"url\":\"https:\/\/www.verbat.com\/blog\/\",\"name\":\"Verbat Technologies\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.verbat.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.verbat.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.verbat.com\/blog\/#organization\",\"name\":\"Verbat Technologies\",\"url\":\"https:\/\/www.verbat.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.verbat.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.verbat.com\/blog\/wp-content\/uploads\/2024\/04\/verbatltd_logo.jpg\",\"contentUrl\":\"https:\/\/www.verbat.com\/blog\/wp-content\/uploads\/2024\/04\/verbatltd_logo.jpg\",\"width\":200,\"height\":200,\"caption\":\"Verbat Technologies\"},\"image\":{\"@id\":\"https:\/\/www.verbat.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/verbatltd\",\"https:\/\/x.com\/verbatltd\",\"https:\/\/www.linkedin.com\/company\/verbatltd\"]},{\"@type\":\"Person\",\"@id\":\"\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Largest Contentful Paint - Verbat","description":"Understand Largest Contentful Paint (LCP) and its impact on user experience, plus tips to optimize your website's loading performance.","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:\/\/www.verbat.com\/blog\/largest-contentful-paint\/","og_locale":"en_US","og_type":"article","og_title":"Largest Contentful Paint - Verbat","og_description":"Understand Largest Contentful Paint (LCP) and its impact on user experience, plus tips to optimize your website's loading performance.","og_url":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/","og_site_name":"Software Development Company Dubai UAE - Verbat Technologies","article_publisher":"https:\/\/www.facebook.com\/verbatltd","article_published_time":"2020-08-20T11:29:22+00:00","article_modified_time":"2024-05-27T06:57:11+00:00","twitter_card":"summary_large_image","twitter_creator":"@verbatltd","twitter_site":"@verbatltd","twitter_misc":{"Written by":"","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/#article","isPartOf":{"@id":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/"},"author":{"name":"","@id":""},"headline":"Largest Contentful Paint","datePublished":"2020-08-20T11:29:22+00:00","dateModified":"2024-05-27T06:57:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/"},"wordCount":547,"publisher":{"@id":"https:\/\/www.verbat.com\/blog\/#organization"},"articleSection":["Others"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/","url":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/","name":"Largest Contentful Paint - Verbat","isPartOf":{"@id":"https:\/\/www.verbat.com\/blog\/#website"},"datePublished":"2020-08-20T11:29:22+00:00","dateModified":"2024-05-27T06:57:11+00:00","description":"Understand Largest Contentful Paint (LCP) and its impact on user experience, plus tips to optimize your website's loading performance.","breadcrumb":{"@id":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.verbat.com\/blog\/largest-contentful-paint\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.verbat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Largest Contentful Paint"}]},{"@type":"WebSite","@id":"https:\/\/www.verbat.com\/blog\/#website","url":"https:\/\/www.verbat.com\/blog\/","name":"Verbat Technologies","description":"","publisher":{"@id":"https:\/\/www.verbat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.verbat.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.verbat.com\/blog\/#organization","name":"Verbat Technologies","url":"https:\/\/www.verbat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.verbat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.verbat.com\/blog\/wp-content\/uploads\/2024\/04\/verbatltd_logo.jpg","contentUrl":"https:\/\/www.verbat.com\/blog\/wp-content\/uploads\/2024\/04\/verbatltd_logo.jpg","width":200,"height":200,"caption":"Verbat Technologies"},"image":{"@id":"https:\/\/www.verbat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/verbatltd","https:\/\/x.com\/verbatltd","https:\/\/www.linkedin.com\/company\/verbatltd"]},{"@type":"Person","@id":""}]}},"_links":{"self":[{"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/posts\/5023","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/comments?post=5023"}],"version-history":[{"count":2,"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/posts\/5023\/revisions"}],"predecessor-version":[{"id":6188,"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/posts\/5023\/revisions\/6188"}],"wp:attachment":[{"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/media?parent=5023"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/categories?post=5023"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.verbat.com\/blog\/wp-json\/wp\/v2\/tags?post=5023"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}