{"id":5001,"date":"2022-01-21T07:53:05","date_gmt":"2022-01-21T07:53:05","guid":{"rendered":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/"},"modified":"2022-01-21T07:53:05","modified_gmt":"2022-01-21T07:53:05","slug":"a-technical-seo-guide-to-lighthouse-performance-metrics","status":"publish","type":"post","link":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/","title":{"rendered":"A Technical SEO Guide To Lighthouse Performance Metrics"},"content":{"rendered":"<p> <a href=\"https:\/\/go.fiverr.com\/visit\/?bta=1052423&nci=17043\" Target=\"_Top\"><img loading=\"lazy\" decoding=\"async\" border=\"0\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/fiverr.ck-cdn.com\/tn\/serve\/?cid=40081059\"  width=\"601\" height=\"201\"><\/a>\n<\/p>\n<div id=\"narrow-cont\">\n<p>Maybe you\u2019re here because you\u2019re a die-hard fan of performance metrics. Or maybe you don\u2019t know what Lighthouse is and are too afraid to ask.<\/p>\n<p>Either is an excellent option. Welcome!<\/p>\n<p>Together, we\u2019re hoping to take your performance improvement efforts from \u201cmake all the numbers green\u201d to some clear and meaningful action items.<\/p>\n<p><em>Note: This article was updated for freshness in January 2022 to represent versions 8 and 9.<\/em><\/p>\n<p>Technical SEO and Google Data Studio nerd <a href=\"https:\/\/twitter.com\/rachelleighrva\" target=\"_blank\" rel=\"noopener\">Rachel Anderson<\/a> joined me on this merry adventure into demystifying developer documentation.<\/p>\n<p>We\u2019re going to answer:<\/p>\n<ul>\n<li>What is Lighthouse?<\/li>\n<li>How is Lighthouse different from Core Web Vitals?<\/li>\n<li>Why doesn\u2019t Lighthouse match Search Console\/Crux reports?<\/li>\n<li>How is Performance Score calculated?<\/li>\n<li>Why is my score different each time I test?<\/li>\n<li>Lighthouse Performance metrics explained<\/li>\n<li>How to test performance using Lighthouse<\/li>\n<\/ul>\n<h2 id=\"whatis\">What Is Lighthouse?<\/h2>\n<p>Performance is about measuring how quickly a browser can assemble a webpage.<\/p>\n<p>Lighthouse uses a web browser called <a href=\"https:\/\/www.chromium.org\/\" target=\"_blank\" rel=\"noopener\">Chromium<\/a> to build pages and runs tests on the pages as they\u2019re built.\u00a0 The tool is open-source (meaning it is maintained by the community and free to use).<\/p>\n<p>Each audit falls into one of five categories:<\/p>\n<ol>\n<li>Performance.<\/li>\n<li>Accessibility.<\/li>\n<li>Best Practices.<\/li>\n<li>SEO.<\/li>\n<li>Progressive Web App.<\/li>\n<\/ol>\n<div style=\"width: 975px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"measuring website performance\" width=\"965\" height=\"513\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/5-lighthouse-metrics-scored-61e5dda7c0911-sej.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot from Lighthouse, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/5-lighthouse-metrics-scored-61e5dda7c0911-sej.png\" alt=\"measuring website performance\"\/><\/noscript><\/div>\n<p>For the purposes of this article, we\u2019re going to use the name Lighthouse to refer to the series of tests executed by the shared <a href=\"https:\/\/github.com\/GoogleChrome\/lighthouse\" target=\"_blank\" rel=\"noopener\">Github repo<\/a>, regardless of the execution method.<\/p>\n<p>Version 9 is currently out on <a href=\"https:\/\/github.com\/GoogleChrome\/lighthouse\/releases\" target=\"_blank\" rel=\"noopener\">Github<\/a> and is slated for large-scale rollout with the stable Chrome 98 release in February 2022.<\/p>\n<h2>Lighthouse And Web Core Vitals<\/h2>\n<p>On May 5, 2020, the Chromium project <a href=\"https:\/\/blog.chromium.org\/2020\/05\/introducing-web-vitals-essential-metrics.html\" target=\"_blank\" rel=\"noopener\">announced<\/a> a set of three metrics with which the Google-backed open-source browser would measure performance.<\/p>\n<p>The metrics, known as Web Vitals, are part of a Google initiative designed to provide unified guidance for quality signals.<\/p>\n<p>The goal of these metrics is to measure web performance in a user-centric manner.<\/p>\n<p>Within two weeks, Lighthouse v6 rolled out with a modified version of <a href=\"https:\/\/www.searchenginejournal.com\/improve-core-web-vitals-scores-page-experience-signals\/386542\/\">Web Core Vitals<\/a> at the heart of the update.<\/p>\n<p>July 2020 saw Lighthouse v6\u2019s unified metrics adopted across Google products with the release of Chrome 84.<\/p>\n<p>Chrome DevTools Audits panel was renamed to Lighthouse. Pagespeed insights and Google Search Console also reference these unified metrics.<\/p>\n<p>This change in focus sets new, more refined goals.<\/p>\n<h3 id=\"difference\">How Is Lighthouse Different Than Core Web Vitals?<\/h3>\n<p>The three metrics represented by Core Web Vital are part of Lighthouse performance scoring.<\/p>\n<p>Largest Contentful Paint, Total Blocking Time, and Cumulative Layout Shift comprise 70% of Lighthouse\u2019s weighted performance score.<\/p>\n<p>The scores you\u2019ll see for CWV in Lighthouse are the result of emulated tests.<\/p>\n<p>It\u2019s the same metric but measured off a single page load rather than calculated from page loads around the world.<\/p>\n<h3 id=\"labdata\">Why Doesn\u2019t Lighthouse Match Search Console\/Crux reports?<\/h3>\n<p>For real users, how quickly a page assembles is based on factors like their network connection, the device\u2019s network processing power, and even the user\u2019s physical distance to the site\u2019s servers.<\/p>\n<p>Lighthouse performance data doesn\u2019t account for all these factors.<\/p>\n<p>Instead, the tool emulates a mid-range device and throttles CPU in order to simulate the average user.<\/p>\n<p>These are lab tests\u00a0collected within a controlled environment with predefined device and network settings.<\/p>\n<p>Lab data is helpful for debugging performance issues.<\/p>\n<p>It does not mean that the experience on your local machine in a controlled environment represents the experiences of <a href=\"https:\/\/www.searchenginejournal.com\/technical-seo-core-web-vitals-guide\/402501\/\" target=\"_blank\" rel=\"noopener\">real humans in the wild<\/a>.<\/p>\n<p>The good news is you don\u2019t have to choose between Lighthouse and Core Web Vitals. They\u2019re designed to be part of the same <a href=\"https:\/\/web.dev\/vitals-tools-workflow\/\" target=\"_blank\" rel=\"noopener\">workflow<\/a>.<\/p>\n<p>Always start with field data from the Chrome User Experience Report to identify issues impacting real uses.<\/p>\n<p>Then leverage the expanded testing capabilities of Lighthouse to identify the code causing the issue.<\/p>\n<p>If you\u2019re working on a site pre-launch or QAing changes in a non-public environment, Lighthouse will be your new best #webperf friend.<\/p>\n<div style=\"width: 940px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Workflow for performance\" width=\"930\" height=\"369\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/performance-workflow-61e5dec9cf6e0-sej.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot from Lighthouse, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/performance-workflow-61e5dec9cf6e0-sej.png\" alt=\"Workflow for performance\"\/><\/noscript><\/div>\n<h2 id=\"score\">How Is Lighthouse Performance Metrics Calculated?<\/h2>\n<div style=\"width: 778px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Performance scores from Lighthouse\" width=\"768\" height=\"132\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/lighthouse-performance-metrics.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Lighthouse, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/lighthouse-performance-metrics.png\" alt=\"Performance scores from Lighthouse\"\/><\/noscript><\/div>\n<p>In versions 8 and 9, Lighthouse\u2019s performance score is made of seven metrics with each contributing a percentage of the total performance score.<\/p>\n<div id=\"attachment_433761\" style=\"width: 490px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433761 size-full b-lazy pcimg\" alt=\"Lighthouse metrics\" width=\"480\" height=\"238\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.25.49-pm-61e6c0555fe91-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.25.49-pm-61e6c0555fe91-sej.png\" alt=\"Lighthouse metrics\"\/><\/noscript><\/div>\n<h3 id=\"variability\">Why Is My Score Different Each Time I Test?<\/h3>\n<p>Your score may change each time you test.<\/p>\n<p>Browser extensions, internet connection, A\/B tests, or even the ads displayed on that specific page load have an impact.<\/p>\n<p>If you\u2019re curious\/furious to know more, check out the documentation on <a href=\"https:\/\/github.com\/GoogleChrome\/lighthouse\/blob\/master\/docs\/variability.md\" target=\"_blank\" rel=\"noopener\">performance testing variability<\/a>.<\/p>\n<h2 id=\"metrics\">Lighthouse Performance Metrics Explained<\/h2>\n<h3>Largest Contentful Paint (LCP)<\/h3>\n<ul>\n<li><strong>What it represents<\/strong>: A user\u2019s perception of loading experience.<\/li>\n<li><strong>Lighthouse Performance score weighting<\/strong>: 25%<\/li>\n<li><strong>What it measures<\/strong>: The point in the page load timeline when the page\u2019s largest image or text block is visible within the viewport.<\/li>\n<li><strong>How it\u2019s measured<\/strong>: Lighthouse extracts LCP data from <a href=\"https:\/\/www.chromium.org\/developers\/how-tos\/trace-event-profiling-tool\" target=\"_blank\" rel=\"noopener\">Chrome\u2019s tracing tool<\/a>.<\/li>\n<li><strong>Is Largest Contentful Paint a Web Core Vital?<\/strong> Yes!<\/li>\n<li><strong>LCP Scoring<\/strong><\/li>\n<li><strong>Goal<\/strong>: Achieve LCP in &lt; 2.5 seconds.<\/li>\n<\/ul>\n<div id=\"attachment_433762\" style=\"width: 309px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433762 size-full b-lazy pcimg\" alt=\"LCP measurements\" width=\"299\" height=\"218\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.30.35-pm-61e6c10b258ee-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.30.35-pm-61e6c10b258ee-sej.png\" alt=\"LCP measurements\"\/><\/noscript><\/div>\n<p><strong>What Elements Can Be Part Of LCP?<\/strong><\/p>\n<ul>\n<li>Text.<\/li>\n<li>Images.<\/li>\n<li>Videos.<\/li>\n<li>Background images.<\/li>\n<\/ul>\n<p><strong>What Counts As LCP On Your Page?<\/strong><\/p>\n<p>It depends! LCP typically varies by page template.<\/p>\n<p>This means that you can measure a handful of pages using the same template and define LCP.<\/p>\n<p>Lighthouse will provide you with the exact HTML of the LCP element, but it can be useful to know the node as well when communicating with developers.<\/p>\n<p>The node name will be consistent while the exact on-page image or text may change depending on which content is rendered by the template.<\/p>\n<p><strong>How To Define LCP Using Chrome Devtools<\/strong><\/p>\n<ol>\n<li>Open the page in Chrome.<\/li>\n<li>Navigate to the <em>Performance<\/em> panel of Dev Tools (Command + Option + I on Mac or Control + Shift + I on Windows and Linux).<\/li>\n<li>Hover over the LCP marker in the <em>Timings<\/em> section.<\/li>\n<li>The element(s) that correspond to LCP is detailed in the <em>Related Node<\/em> field.<\/li>\n<\/ol>\n<div style=\"width: 778px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"A Technical SEO Guide To Lighthouse Performance Metrics\" width=\"768\" height=\"458\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/lighthouse-LCP.jpg\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/lighthouse-LCP.jpg\" alt=\"A Technical SEO Guide To Lighthouse Performance Metrics\"\/><\/noscript><\/div>\n<p><strong>What Causes Poor LCP?<\/strong><\/p>\n<p>Poor LCP typically comes from four issues:<\/p>\n<ol>\n<li>Slow server response times.<\/li>\n<li>Render-blocking JavaScript and CSS.<\/li>\n<li>Resource load times.<\/li>\n<li>Client-side rendering.<\/li>\n<\/ol>\n<p><strong>How To Fix Poor LCP<\/strong><\/p>\n<p>If the cause is slow server response time:<\/p>\n<ul>\n<li>Optimize your server.<\/li>\n<li>Route users to a nearby CDN.<\/li>\n<li>Cache assets.<\/li>\n<li>Serve HTML pages cache-first.<\/li>\n<li>Establish third-party connections early.<\/li>\n<\/ul>\n<p>If the cause is render-blocking JavaScript and CSS:<\/p>\n<ul>\n<li>Minify CSS.<\/li>\n<li>Defer non-critical CSS.<\/li>\n<li>Inline critical CSS.<\/li>\n<li>Minify and compress JavaScript files.<\/li>\n<li>Defer unused JavaScript.<\/li>\n<li>Minimize unused polyfills.<\/li>\n<\/ul>\n<p>If the cause is resource load times:<\/p>\n<ul>\n<li>Optimize and compress images.<\/li>\n<li>Preload important resources.<\/li>\n<li>Compress text files.<\/li>\n<li>Deliver different assets based on the network connection (adaptive serving).<\/li>\n<li>Cache assets using a service worker.<\/li>\n<\/ul>\n<p>If the cause is client-side rendering:<\/p>\n<p><strong>Resources For Improving LCP<\/strong><\/p>\n<h3>Total Blocking Time (TBT)<\/h3>\n<ul>\n<li><strong>What it represents<\/strong>: Responsiveness to user input.<\/li>\n<li><strong>Lighthouse Performance score weighting<\/strong>: 30%<\/li>\n<li><strong>What it measures<\/strong>: TBT measures the time between First Contentful Paint and Time to Interactive. TBT is the lab equivalent of First Input Delay (FID) \u2013 the field data used in the Chrome User Experience Report and Google\u2019s upcoming Page Experience ranking signal.<\/li>\n<li><strong>How it\u2019s measured<\/strong>: The total time in which the main thread is occupied by tasks taking more than 50ms to complete. If a task takes 80ms to run, 30ms of that time will be counted toward TBT. If a task takes 45ms to run, 0ms will be added to TBT.<\/li>\n<li><strong>Is Total Blocking Time a Web Core Vital<\/strong>? Yes! It\u2019s the lab data equivalent of First Input Delay (FID).<\/li>\n<\/ul>\n<p><strong>TBT Scoring<\/strong><\/p>\n<ul>\n<li><strong>Goal<\/strong>: Achieve TBT score of less than 300 milliseconds.<\/li>\n<\/ul>\n<div id=\"attachment_433769\" style=\"width: 307px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433769 size-full b-lazy pcimg\" alt=\"A Technical SEO Guide To Lighthouse Performance Metrics\" width=\"297\" height=\"216\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.47.33-pm-61e6c538b6ccd-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.47.33-pm-61e6c538b6ccd-sej.png\" alt=\"A Technical SEO Guide To Lighthouse Performance Metrics\"\/><\/noscript><\/div>\n<p>First Input Delay, the field data equivalent to TBT, has different thresholds.<\/p>\n<div id=\"attachment_433770\" style=\"width: 308px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433770 size-full b-lazy pcimg\" alt=\"FID Time in milliseconds\" width=\"298\" height=\"218\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.49.50-pm-61e6c58b0d2ad-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.49.50-pm-61e6c58b0d2ad-sej.png\" alt=\"FID Time in milliseconds\"\/><\/noscript><\/div>\n<p><strong>Long Tasks And Total Blocking Time<\/strong><\/p>\n<p>TBT measures long tasks \u2013 those taking longer than 50ms.<\/p>\n<p>When a browser loads your site, there is essentially a single line queue of scripts waiting to be executed.<\/p>\n<p>Any input from the user has to go into that same queue.<\/p>\n<p>When the browser can\u2019t respond to user input because other tasks are executing, the user perceives this as lag.<\/p>\n<p>Essentially, long tasks are like that person at your favorite coffee shop who takes far too long to order a drink.<\/p>\n<p>Like someone ordering a 2% venti four-pump vanilla, five-pump mocha whole-fat froth, long tasks are a major source of bad experiences.<\/p>\n<div style=\"width: 778px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Short tasks vs. long tasks\" width=\"768\" height=\"337\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/tasks-and-total-blocking-time.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/tasks-and-total-blocking-time.png\" alt=\"Short tasks vs. long tasks\"\/><\/noscript><\/div>\n<p><strong>What Causes A High TBT On Your Page?<\/strong><\/p>\n<p>Heavy JavaScript.<\/p>\n<p>That\u2019s it.<\/p>\n<p><strong>How To See TBT Using Chrome Devtools<\/strong><\/p>\n<div style=\"width: 592px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"A Technical SEO Guide To Lighthouse Performance Metrics\" width=\"582\" height=\"201\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/TBT-using-chrome-devtools.jpg\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot from Chrome Devtools, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/TBT-using-chrome-devtools.jpg\" alt=\"A Technical SEO Guide To Lighthouse Performance Metrics\"\/><\/noscript><\/div>\n<p><strong>How To Fix Poor TBT<\/strong><\/p>\n<ul>\n<li>Break up Long Tasks.<\/li>\n<li>Optimize your page for interaction readiness.<\/li>\n<li>Use a web worker.<\/li>\n<li>Reduce JavaScript execution time.<\/li>\n<\/ul>\n<p><strong>Resources For Improving TBT<\/strong><\/p>\n<h3>First Contentful Paint (FCP)<\/h3>\n<ul>\n<li><strong>What it represents<\/strong>: FCP marks the time at which the first text or image is painted (visible).<\/li>\n<li><strong>Lighthouse Performance score weighting<\/strong>: 10%<\/li>\n<li><strong>What it measures<\/strong>: The time when I can see the page I requested is responding. My thumb can stop hovering over the back button.<\/li>\n<li><strong>How it\u2019s measured<\/strong>: Your FCP score in Lighthouse is measured by comparing your page\u2019s FCP to FCP times for real website data <a href=\"https:\/\/httparchive.org\/reports\/loading-speed#fcp\" target=\"_blank\" rel=\"noopener\">stored by the HTTP Archive<\/a>.<\/li>\n<li>Your FCP increases if it is faster than other pages in the HTTP Archive.<\/li>\n<li><strong>Is First Contentful Paint a Web Core Vital?<\/strong> No<\/li>\n<\/ul>\n<p><strong>FCP Scoring<\/strong><\/p>\n<ul>\n<li><strong>Goal<\/strong>: Achieve FCP in &lt; 2 seconds.<\/li>\n<\/ul>\n<div id=\"attachment_433772\" style=\"width: 503px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433772 size-full b-lazy pcimg\" alt=\"FCP time\" width=\"493\" height=\"273\" data-sizes=\"auto, (max-width: 493px) 100vw, 493px\" data-srcset=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.55.01-pm-61e6c6c633832-sej.png 493w, https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.55.01-pm-61e6c6c633832-sej-480x266.png 480w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.55.01-pm-61e6c6c633832-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.55.01-pm-61e6c6c633832-sej.png\" alt=\"FCP time\"\/><\/noscript><\/div>\n<p><strong>What Elements Can Be Part Of FCP?<\/strong><\/p>\n<p>The time it takes to render the first visible element to the DOM is the FCP.<\/p>\n<p>Anything that happens before an element that renders non-white content to the page (excluding iframes) is counted toward FCP.<\/p>\n<p>Since iframes are not considered part of FCP, if they are the first content to render, FCP will continue counting until the first non-iframe content loads, but the iframe load time isn\u2019t counted toward the FCP.<\/p>\n<p>The documentation around FCP also calls out that is often impacted by font load time and there are <a href=\"https:\/\/web.dev\/font-display\/\" target=\"_blank\" rel=\"noopener\">tips for improving font loads<\/a>.<\/p>\n<p><strong>FCP Using Chrome Devtools<\/strong><\/p>\n<ol>\n<li>Open the page in Chrome.<\/li>\n<li>Navigate to the Performance panel of Dev Tools (Command + Option + I on Mac or Control + Shift + I on Windows and Linux).<\/li>\n<li>Click on the FCP marker in the Timings section.<\/li>\n<li>The summary tab has a timestamp with the FCP in ms.<\/li>\n<\/ol>\n<p><strong>How To Improve FCP<\/strong><\/p>\n<p>In order for content to be displayed to the user, the browser must first download, parse, and process all external stylesheets it encounters before it can display or render any content to a user\u2019s screen.<\/p>\n<p>The fastest way to bypass the delay of external resources is to use in-line styles for above-the-fold content.<\/p>\n<p>To keep your site sustainably scalable, use an <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/unused-css#inlining\" target=\"_blank\" rel=\"noopener\">automated tool<\/a> like penthouse and Apache\u2019s mod_pagespeed.<\/p>\n<p>These solutions will come with some restrictions to functionalities, require testing, and may not be for everyone.<\/p>\n<p>Universally, we can all improve our site\u2019s time to First Contentful Paint by <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/rendering\/reduce-the-scope-and-complexity-of-style-calculations\" target=\"_blank\" rel=\"noopener\">reducing the scope and complexity of style calculations<\/a>.<\/p>\n<p>If a style isn\u2019t being used, remove it.<\/p>\n<p>You can identify unused CSS with <a href=\"https:\/\/developers.google.com\/web\/tools\/chrome-devtools\/css\/reference#coverage\" target=\"_blank\" rel=\"noopener\">Chrome Dev Tool\u2019s built-in Code Coverage functionality<\/a>.<\/p>\n<p>Use better data to make better decisions.<\/p>\n<p>Similar to TTI, you can <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/user-centric-performance-metrics#tracking_fpfcp\" target=\"_blank\" rel=\"noopener\">capture real user metrics for FCP using Google Analytics<\/a> to correlate improvements with KPIs.<\/p>\n<p><strong>Resources For Improving FCP<\/strong><\/p>\n<h3>Speed Index<\/h3>\n<ul>\n<li><strong>What it represents<\/strong>: How much is visible at a time during load.<\/li>\n<li><strong>Lighthouse Performance score weighting<\/strong>: 10%<\/li>\n<li><strong>What it measures<\/strong>: The Speed Index is the average time at which visible parts of the page are displayed.<\/li>\n<li><strong>How it\u2019s measured<\/strong>: Lighthouse\u2019s Speed Index measurement comes from a node module called Speedline.<\/li>\n<\/ul>\n<p>You\u2019ll have to ask the kindly wizards at webpagetest.org for the specifics but roughly, Speedline scores vary by the size of the viewport (read as device screen) and have an algorithm for calculating the completeness of each frame.<\/p>\n<div style=\"width: 638px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Speed index measurements\" width=\"628\" height=\"336\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/lighthouse-speed-index.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/lighthouse-speed-index.png\" alt=\"Speed index measurements\"\/><\/noscript><\/div>\n<ul>\n<li><strong>Is Speed Index a Web Core Vital?<\/strong> No.<\/li>\n<\/ul>\n<p><strong>SI Scoring<\/strong><\/p>\n<ul>\n<li><strong>Goal<\/strong>: achieve SI in &lt; 4.3 seconds.<\/li>\n<\/ul>\n<div id=\"attachment_433773\" style=\"width: 502px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433773 size-full b-lazy pcimg\" alt=\"Speed Index metrics\" width=\"492\" height=\"270\" data-sizes=\"auto, (max-width: 492px) 100vw, 492px\" data-srcset=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.59.20-pm-61e6c7cbc7097-sej.png 492w, https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.59.20-pm-61e6c7cbc7097-sej-480x263.png 480w\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.59.20-pm-61e6c7cbc7097-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-9.59.20-pm-61e6c7cbc7097-sej.png\" alt=\"Speed Index metrics\"\/><\/noscript><\/div>\n<p><strong>How To Improve SI<\/strong><\/p>\n<p>Speed score reflects your site\u2019s Critical Rendering Path.<\/p>\n<p>A \u201ccritical\u201d resource means that the resource is required for the first paint or is crucial to the page\u2019s core functionality.<\/p>\n<p>The longer and denser the path, the slower your site will be to provide a visual page.<\/p>\n<p>If your path is optimized, you\u2019ll give users content faster and score higher on Speed Index.<\/p>\n<p><strong>How The Critical Path Affects Rendering<\/strong><\/p>\n<div style=\"width: 621px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Optimized rendering vs unoptimized times\" width=\"611\" height=\"300\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/how-critical-path-affects-rendering.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/how-critical-path-affects-rendering.png\" alt=\"Optimized rendering vs unoptimized times\"\/><\/noscript><\/div>\n<p>Lighthouse recommendations commonly associated with a <a href=\"https:\/\/developers.google.com\/web\/fundamentals\/performance\/critical-rendering-path\/\" target=\"_blank\" rel=\"noopener\">slow Critical Rendering Path<\/a> include:<\/p>\n<ul>\n<li>Minimize main-thread work.<\/li>\n<li>Reduce JavaScript execution time.<\/li>\n<li>Minimize Critical Requests Depth.<\/li>\n<li>Eliminate Render-Blocking Resources.<\/li>\n<li>Defer offscreen images.<\/li>\n<\/ul>\n<p><strong>Resources For Improving SI<\/strong><\/p>\n<h3>Time To Interactive<\/h3>\n<ul>\n<li><strong>What it represents<\/strong>: Load responsiveness; identifying where a page looks responsive but isn\u2019t yet.<\/li>\n<li><strong>Lighthouse Performance score weighting<\/strong>: 10%<\/li>\n<li><strong>What it measures<\/strong>: The time from when the page begins loading to when its main resources have loaded and are able to respond to user input.<\/li>\n<li><strong>How it\u2019s measured<\/strong>: TTI measures how long it takes a page to become fully interactive. A page is considered fully interactive when:<\/li>\n<\/ul>\n<p>1. The page displays useful content, which is measured by the <a href=\"https:\/\/web.dev\/first-contentful-paint\" target=\"_blank\" rel=\"noopener\">First Contentful Paint<\/a>.<\/p>\n<p>2. Event handlers are registered for most visible page elements.<\/p>\n<p>3. The page responds to user interactions within 50 milliseconds.<\/p>\n<ul>\n<li><strong>Is Time to Interactive a Web Core Vital<\/strong>? No<\/li>\n<\/ul>\n<p><strong>TTI Scoring<\/strong><\/p>\n<p><strong>Goal<\/strong>: achieve TTI score of less than 3.8 seconds.<\/p>\n<div id=\"attachment_433774\" style=\"width: 271px\" class=\"wp-caption aligncenter\"><a href=\"https:\/\/web.dev\/interactive\/\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433774 size-full b-lazy pcimg\" alt=\"TTI scoring system\" width=\"261\" height=\"216\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-10.03.08-pm-61e6c8ab51114-sej.png\"\/><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-10.03.08-pm-61e6c8ab51114-sej.png\" alt=\"TTI scoring system\"\/><\/noscript><\/a><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><\/div>\n<p><strong>Resources For Improving TTI<\/strong><\/p>\n<h3>Cumulative Layout Shift (CLS)<\/h3>\n<ul>\n<li><strong>What it represents<\/strong>: A user\u2019s perception of a page\u2019s visual stability.<\/li>\n<li><strong>Lighthouse Performance score weighting<\/strong>: 15%<\/li>\n<li><strong>What it measures<\/strong>: It quantifies shifting page elements through the end of page load.<\/li>\n<li><strong>How it\u2019s measured<\/strong>: Unlike other metrics, CLS isn\u2019t measured in time. Instead, it\u2019s a calculated metric based on the number of frames in which elements move and the total distance in pixels the elements moved.<\/li>\n<\/ul>\n<div style=\"width: 778px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"CLS Layout Score formula\" width=\"768\" height=\"371\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/CLS.jpg\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2021\/07\/CLS.jpg\" alt=\"CLS Layout Score formula\"\/><\/noscript><\/div>\n<p><strong>CLS Scoring<\/strong><\/p>\n<ul>\n<li><strong>Goal<\/strong>: achieve CLS score of less than 0.1.<\/li>\n<\/ul>\n<div id=\"attachment_433776\" style=\"width: 336px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433776 size-full b-lazy pcimg\" alt=\"CLS Scoring system\" width=\"326\" height=\"138\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-10.08.14-pm-61e6c9dee0e3a-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-10.08.14-pm-61e6c9dee0e3a-sej.png\" alt=\"CLS Scoring system\"\/><\/noscript><\/div>\n<p><strong>What Elements Can Be Part Of CLS?<\/strong><\/p>\n<p>Any visual element that appears above the fold at some point in the load.<\/p>\n<p>That\u2019s right \u2013 if you\u2019re loading your footer first and then the hero content of the page, your CLS is going to hurt.<\/p>\n<p><strong>Causes Of Poor CLS<\/strong><\/p>\n<ul>\n<li>Images without dimensions.<\/li>\n<li>Ads, embeds, and iframes without dimensions.<\/li>\n<li>Dynamically injected content.<\/li>\n<li>Web Fonts causing FOIT\/FOUT.<\/li>\n<li>Actions waiting for a network response before updating DOM.<\/li>\n<\/ul>\n<p><strong>How To Define CLS Using Chrome Devtools<\/strong><\/p>\n<ol>\n<li>Open the page in Chrome.<\/li>\n<li>Navigate to the <em>Performance<\/em> panel of Dev Tools (Command + Option + I on Mac or Control + Shift + I on Windows and Linux).<\/li>\n<li>Hover and move from left to right over the screenshots of the load (make sure the screenshots checkbox is checked).<\/li>\n<li>Watch for elements bouncing around after the first paint to identify elements causing CLS.<\/li>\n<\/ol>\n<p><strong>How To Improve CLS<\/strong><\/p>\n<p>Once you identify the element(s) at fault, you\u2019ll need to update them to be stable during the page load.<\/p>\n<p>For example, if slow-loading ads are causing the high CLS score, you may want to use placeholder images of the same size to fill that space as the ad loads to prevent the page shifting.<\/p>\n<p>Some common ways to improve CLS include:<\/p>\n<ul>\n<li>Always include width and height size attributes on images and video elements.<\/li>\n<li>Reserve space for ad slots (and don\u2019t collapse it).<\/li>\n<li>Avoid inserting new content above existing content.<\/li>\n<li>Take care when placing non-sticky ads near the top of the viewport.<\/li>\n<li>Preload fonts.<\/li>\n<\/ul>\n<p><strong>CLS Resources<\/strong><\/p>\n<h2 id=\"test\">How To Test Performance Using Lighthouse<\/h2>\n<h3>Methodology Matters<\/h3>\n<p>Out of the box, Lighthouse audits a single page at a time.<\/p>\n<p>A single page score doesn\u2019t represent your site, and a fast homepage doesn\u2019t mean a fast site.<\/p>\n<p>Test multiple page types within your site.<\/p>\n<p>Identify your major page types, templates, and goal conversion points (signup, subscribe, and checkout pages).<\/p>\n<p>If 40% of your site is blog posts, make 40% of your testing URLs blog pages!<\/p>\n<p><strong>Example Page Testing Inventory<\/strong><\/p>\n<div id=\"attachment_433777\" style=\"width: 449px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-433777 size-full b-lazy pcimg\" alt=\"Example Page Testing Inventory\" width=\"439\" height=\"335\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-10.10.22-pm-61e6ca5f614e7-sej.png\"\/><span class=\"wp-caption-text\"><em>Created by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/screen-shot-2022-01-18-at-10.10.22-pm-61e6ca5f614e7-sej.png\" alt=\"Example Page Testing Inventory\"\/><\/noscript><\/div>\n<p>Before you begin optimizing, run Lighthouse on each of your sample pages and save the report data.<\/p>\n<p>Record your scores and the to-do list of improvements.<\/p>\n<p>Prevent data loss by saving the JSON results and utilizing <a href=\"https:\/\/googlechrome.github.io\/lighthouse\/viewer\/\" target=\"_blank\" rel=\"noopener\">Lighthouse Viewer<\/a> when detailed result information is needed.<\/p>\n<p>Get Your Backlog to Bite Back Using ROI<\/p>\n<p>Getting development resources to action SEO recommendations is hard.<\/p>\n<p>An in-house SEO professional could destroy their pancreas by having a birthday cake for every backlogged ticket\u2019s birthday. Or at least learn to hate cake.<\/p>\n<p>In my experience as an in-house enterprise SEO pro, the trick to getting performance initiatives prioritized is having the numbers to back the investment.<\/p>\n<p>This starting data will become dollar signs that serve to justify and reward development efforts.<\/p>\n<p>With Lighthouse testing, you can recommend specific and direct changes (Think preload this font file) and associate the change to a specific metric.<\/p>\n<p>Chances are you\u2019re going to have more than one area flagged during tests. That\u2019s okay!<\/p>\n<p>If you\u2019re wondering which changes will have the most bang for the buck, check out the <a href=\"https:\/\/googlechrome.github.io\/lighthouse\/scorecalc\/#first-contentful-paint=1992.0520000000001&amp;speed-index=2883.3483426662606&amp;largest-contentful-paint=2904.1629999999996&amp;interactive=5771.268999999999&amp;total-blocking-time=194.4999999999991&amp;cumulative-layout-shift=0&amp;first-cpu-idle=5615.268999999999&amp;first-meaningful-paint=1992.0520000000001&amp;device=mobile&amp;version=6.0.0\" target=\"_blank\" rel=\"noopener\">Lighthouse Scoring Calculator<\/a>.<\/p>\n<h2>How To Run Lighthouse Tests<\/h2>\n<p>This is a case of many roads leading to Oz.<\/p>\n<p>Sure, some scarecrow might be particularly loud about a certain shade of brick but it\u2019s about your goals.<\/p>\n<p>Looking to test an entire staging site? Time to learn some NPM.<\/p>\n<p>Have less than five minutes to prep for a prospective client meeting? A couple of one-off reports should do the trick.<\/p>\n<p>Whichever way you execute, default to mobile unless you have a special use-case for desktop.<\/p>\n<h3>For One-Off Reports: PageSpeed Insights<\/h3>\n<p>Test one page at a time on <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>. Simply enter the URL.<\/p>\n<div style=\"width: 490px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Lab and field data available in PageSpeed Insights\" width=\"480\" height=\"677\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/pagespeed-insights-lab-field-data-sets-61e6286b4116e-sej-480x677.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot from PageSpeed Insights, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/pagespeed-insights-lab-field-data-sets-61e6286b4116e-sej-480x677.png\" alt=\"Lab and field data available in PageSpeed Insights\"\/><\/noscript><\/div>\n<p><strong>Pros Of Running Lighthouse From PageSpeed Insights<\/strong><\/p>\n<ul>\n<li>Detailed Lighthouse report is combined with URL-specific data from the Chrome User Experience Report.<\/li>\n<li>Opportunities and Diagnostics can be filtered to specific metrics.\u00a0 This is exceptionally useful when creating tickets for your engineers and tracking the resulting impact of the changes.<\/li>\n<li>PageSpeed Insights is running already version 9.\n<div style=\"width: 490px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Pagespeed Insights opportunities and diagnostics filtered by metric\" width=\"480\" height=\"325\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/pagespeed-insights-filtered-to-metric-61e62a11cbf46-sej-480x325.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot from PageSpeed Insights, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/pagespeed-insights-filtered-to-metric-61e62a11cbf46-sej-480x325.png\" alt=\"Pagespeed Insights opportunities and diagnostics filtered by metric\"\/><\/noscript><\/div>\n<\/li>\n<\/ul>\n<p><strong>Cons Of Running Lighthouse From PageSpeed Insights<\/strong><\/p>\n<ul>\n<li>One report at a time.<\/li>\n<li>Only Performance tests are run (if you need SEO, Accessibility, or Best Practices, you\u2019ll need to run those separately)<\/li>\n<li>You can\u2019t test local builds or authenticated pages.<\/li>\n<li>Reports can\u2019t be saved in JSON, HTML, or Gist format. (Save as PDF via browser functionality is an option.<\/li>\n<li>Requires you to manually save results.<\/li>\n<\/ul>\n<h3>For Comparing Test Results: Chrome DevTools Or Web.dev<\/h3>\n<p>Because the report will be emulating a user\u2019s experience using your browser, use an incognito instance with all extensions, and the browser\u2019s cache disabled.<\/p>\n<p><strong>Pro-tip<\/strong>: Create a Chrome profile for testing. Keep it local (no sync enabled, password saving, or association to an existing Google account) and don\u2019t install extensions for the user.<\/p>\n<p><strong>How To Run A Test Lighthouse Using Chrome DevTools<\/strong><\/p>\n<ol>\n<li>Open an incognito instance of Chrome.<\/li>\n<li>Navigate to the Network panel of Chrome Dev Tools (Command + Option + I on Mac or Control + Shift + I on Windows and Linux).<\/li>\n<li>Tick the box to disable cache.<\/li>\n<li>Navigate to the Lighthouse panel.<\/li>\n<li>Click Generate Report.<\/li>\n<li>Click the dots to the right of the URL in the report<\/li>\n<li>Save in your preferred format (JSON, HTML, or Gist)\n<div style=\"width: 390px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Save options for Lighthouse Reports\" width=\"380\" height=\"613\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/lighthouse-save-report-61e635b5a2b06-sej.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot from Lighthouse Reports, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/lighthouse-save-report-61e635b5a2b06-sej.png\" alt=\"Save options for Lighthouse Reports\"\/><\/noscript><\/div>\n<\/li>\n<\/ol>\n<p>Note that your version of Lighthouse may change depending on what version of Chrome you\u2019re using. v8.5 is used on Chrome 97.<\/p>\n<p>Lighthouse v9 will ship with DevTools in Chrome 98.<\/p>\n<h3>How To Run A Test Lighthouse Using Web.Dev<\/h3>\n<p>It\u2019s just like DevTools but you don\u2019t have to remember to disable all those pesky extensions!<\/p>\n<ol>\n<li>Go to <a href=\"https:\/\/web.dev\/measure\/\" target=\"_blank\" rel=\"noopener\">web.dev\/measure<\/a>.<\/li>\n<li>Enter your URL.<\/li>\n<li>Click <em>Run Audit<\/em>.<\/li>\n<li>Click <em>View Report<\/em>.\n<div style=\"width: 490px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"web.dev view report option\" width=\"480\" height=\"63\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/web-dev-view-report-61e6352680506-sej-480x63.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot by author, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/web-dev-view-report-61e6352680506-sej-480x63.png\" alt=\"web.dev view report option\"\/><\/noscript><\/div>\n<\/li>\n<\/ol>\n<p><strong>Pros Of Running Lighthouse From DevTools\/web.dev<\/strong><\/p>\n<ul>\n<li>You can test local builds or authenticated pages.<\/li>\n<li>Saved reports can be compared using the <a href=\"https:\/\/googlechrome.github.io\/lighthouse-ci\/viewer\/\" target=\"_blank\" rel=\"noopener\">Lighthouse CI Diff tool<\/a>.\n<div style=\"width: 490px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" alt=\"Lighthouse CI Diff tool\" width=\"480\" height=\"117\" data-srcset=\"\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/lighthouse-ci-diff-61e633a785f12-sej-480x117.png\" class=\" b-lazy pcimg\"\/><span class=\"wp-caption-text\"><em>Screenshot from Lighthouse CI Diff, January 2022<\/em><\/span><noscript><img decoding=\"async\" src=\"https:\/\/mailinvest.blog\/wp-content\/themes\/breek\/assets\/images\/transparent.gif\" data-lazy=\"true\" data-src=\"https:\/\/cdn.searchenginejournal.com\/wp-content\/uploads\/2022\/01\/lighthouse-ci-diff-61e633a785f12-sej-480x117.png\" alt=\"Lighthouse CI Diff tool\"\/><\/noscript><\/div>\n<\/li>\n<\/ul>\n<p><strong>Cons Of Running Lighthouse From DevTools\/web.dev<\/strong><\/p>\n<ul>\n<li>One report at a time.<\/li>\n<li>Requires you to manually save results.<\/li>\n<\/ul>\n<h3>For Testing At Scale (and Sanity): Node Command Line<\/h3>\n<p>1. <a href=\"https:\/\/www.npmjs.com\/get-npm\" target=\"_blank\" rel=\"noopener\">Install npm<\/a>.<br \/>(<strong>Mac Pro-tip<\/strong>: Use homebrew to avoid obnoxious dependency issues.)<\/p>\n<p>2. Install the <a href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/#cli\" target=\"_blank\" rel=\"noopener\">Lighthouse node module<\/a> with npm<\/p>\n<pre>install -g lighthouse<\/pre>\n<p>3. Run a single text with<\/p>\n<pre>lighthouse &lt;url&gt;<\/pre>\n<p>4. Run tests on lists of usings by running tests <a href=\"https:\/\/github.com\/GoogleChrome\/lighthouse\/blob\/master\/docs\/readme.md#using-programmatically\" target=\"_blank\" rel=\"noopener\">programmatically<\/a>.<\/p>\n<p><strong>Pros Of Running Lighthouse From Node<\/strong><\/p>\n<ul>\n<li>Many reports can be run at once.<\/li>\n<li>Can be set to run automatically to track change over time.<\/li>\n<\/ul>\n<p><strong>Cons Of Running Lighthouse From Node<\/strong><\/p>\n<ul>\n<li>Requires some coding knowledge.<\/li>\n<li>More time-intensive setup.<\/li>\n<\/ul>\n<h2>Conclusion<\/h2>\n<p>The complexity of performance metrics reflects the challenges facing all sites.<\/p>\n<p>We use performance metrics as a proxy for user experience \u2013 that means factoring in some unicorns.<\/p>\n<p>Tools like Google\u2019s <a href=\"https:\/\/www.thinkwithgoogle.com\/feature\/testmysite\" target=\"_blank\" rel=\"noopener\">Test My Site<\/a> and <a href=\"https:\/\/whatdoesmysitecost.com\/\" target=\"_blank\" rel=\"noopener\">What Does My Site Cost?<\/a> can help you make the conversion and customer-focused arguments for why performance matters.<\/p>\n<p>Hopefully, once your project has traction, these definitions will help you translate Lighthouse\u2019s single performance metric into action tickets for a skilled and collaborative engineering team.<\/p>\n<p>Track your data and shout it from the rooftops.<\/p>\n<p>As much as Google struggles to quantify qualitative experiences, SEO professionals and devs must decode how to translate a concept into code.<\/p>\n<p>Test, iterate, and share what you learn! I look forward to seeing what you\u2019re capable of, you beautiful unicorn.<\/p>\n<p><strong>More resources:<\/strong><\/p>\n<hr\/>\n<p><em>Featured Image: Paulo Bobita\/Search Engine Journal<\/em><\/p>\n<\/div>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><br \/>\n<br \/><iframe data-lazy=\"true\" data-src=\"https:\/\/www.fiverr.com\/gig_widgets?id=U2FsdGVkX18x7XQvttUTrv1oEqmGNGTgvvCUiUoJ\/AP4z\/UyMz8lXGOLpu15jIMxBbTR0gmD5uBoFvhC4KWeALQRp3h\/X\/AwcVD0K8Wj9H\/ZzYKzcCNHosB9oS4SCJJFWiN85P9ICAc4OgCoE\/wHKIY7CDkf2\/DQ1vqGvk4smVe5cRDEmrLPCWi4FC8p40VUhSmWQ5udCm0zoJtorgWv3vbDQw0kKYkwn39ozAnQXDe+YvWMxkLFWA+O3TFwkJvdkIK+\/AUSnRssPKt5WHY0FhNOxnSPcLslEL4G4\/RfP95ve99U+kRnDy3X+KtzdQLY+u935ghON\/o3UE4IMv9oN6JX9RnxzL\/LRcOgnHigxStSGPKsZYtnz8RWNVT\/rOLAibqiWJadC5MYHRbekF3eg6FOGrQGkXYbsn0+a5aovnlLCbLwIqY9fcS17UX8J235iQ6cdmHNbrPeS84CMm34RA==&affiliate_id=1052423&strip_google_tagmanager=true\" loading=\"lazy\" data-with-title=\"true\" class=\"fiverr_nga_frame\" frameborder=\"0\" height=\"350\" width=\"100%\" referrerpolicy=\"no-referrer-when-downgrade\" data-mode=\"random_gigs\" onload=\" var frame = this; var script = document.createElement('script'); script.addEventListener('load', function() { window.FW_SDK.register(frame); }); script.setAttribute('src', 'https:\/\/www.fiverr.com\/gig_widgets\/sdk'); document.body.appendChild(script); \" ><\/iframe>\n<br \/><a href=\"https:\/\/www.searchenginejournal.com\/core-web-vitals\/technical-seo-lighthouse-guide\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Maybe you\u2019re here because you\u2019re a die-hard fan of performance metrics. Or maybe you don\u2019t know what Lighthouse is and are too afraid to ask&#8230;.<\/p>\n","protected":false},"author":1,"featured_media":5002,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-5001","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tech-universe"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>A Technical SEO Guide To Lighthouse Performance Metrics - mailinvest.blog<\/title>\n<meta name=\"description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"A Technical SEO Guide To Lighthouse Performance Metrics - mailinvest.blog\" \/>\n<meta property=\"og:description\" content=\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/\" \/>\n<meta property=\"og:site_name\" content=\"mailinvest.blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/freelanceracademic\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-01-21T07:53:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"840\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"admin@mailinvest.blog\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin@mailinvest.blog\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/\"},\"author\":{\"name\":\"admin@mailinvest.blog\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\"},\"headline\":\"A Technical SEO Guide To Lighthouse Performance Metrics\",\"datePublished\":\"2022-01-21T07:53:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/\"},\"wordCount\":3563,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png\",\"articleSection\":[\"Tech Universe\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/\",\"name\":\"A Technical SEO Guide To Lighthouse Performance Metrics - mailinvest.blog\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png\",\"datePublished\":\"2022-01-21T07:53:05+00:00\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#primaryimage\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png\",\"width\":1600,\"height\":840},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/2022\\\/01\\\/21\\\/a-technical-seo-guide-to-lighthouse-performance-metrics\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/mailinvest.blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"A Technical SEO Guide To Lighthouse Performance Metrics\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#website\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"name\":\"mailinvest.blog\",\"description\":\"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.\",\"publisher\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/mailinvest.blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#organization\",\"name\":\"mailinvest\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"contentUrl\":\"https:\\\/\\\/mailinvest.blog\\\/wp-content\\\/uploads\\\/2022\\\/01\\\/default.png\",\"width\":1000,\"height\":1000,\"caption\":\"mailinvest\"},\"image\":{\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/freelanceracademic\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/mailinvest.blog\\\/#\\\/schema\\\/person\\\/012701c4c204d4e4ebd34f926cfd31a4\",\"name\":\"admin@mailinvest.blog\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g\",\"caption\":\"admin@mailinvest.blog\"},\"sameAs\":[\"https:\\\/\\\/mailinvest.blog\",\"admin@mailinvest.blog\"],\"url\":\"https:\\\/\\\/mailinvest.blog\\\/index.php\\\/author\\\/adminmailinvest-blog\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"A Technical SEO Guide To Lighthouse Performance Metrics - mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","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:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/","og_locale":"en_US","og_type":"article","og_title":"A Technical SEO Guide To Lighthouse Performance Metrics - mailinvest.blog","og_description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","og_url":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/","og_site_name":"mailinvest.blog","article_publisher":"https:\/\/www.facebook.com\/freelanceracademic\/","article_published_time":"2022-01-21T07:53:05+00:00","og_image":[{"width":1600,"height":840,"url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png","type":"image\/png"}],"author":"admin@mailinvest.blog","twitter_card":"summary_large_image","twitter_misc":{"Written by":"admin@mailinvest.blog","Est. reading time":"18 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#article","isPartOf":{"@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/"},"author":{"name":"admin@mailinvest.blog","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4"},"headline":"A Technical SEO Guide To Lighthouse Performance Metrics","datePublished":"2022-01-21T07:53:05+00:00","mainEntityOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/"},"wordCount":3563,"commentCount":0,"publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png","articleSection":["Tech Universe"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/","url":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/","name":"A Technical SEO Guide To Lighthouse Performance Metrics - mailinvest.blog","isPartOf":{"@id":"https:\/\/mailinvest.blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#primaryimage"},"image":{"@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#primaryimage"},"thumbnailUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png","datePublished":"2022-01-21T07:53:05+00:00","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis.mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what's new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","breadcrumb":{"@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#primaryimage","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/cwv-ebook-chapter-6-jun-7-61e966d17db86-sej.png","width":1600,"height":840},{"@type":"BreadcrumbList","@id":"https:\/\/mailinvest.blog\/index.php\/2022\/01\/21\/a-technical-seo-guide-to-lighthouse-performance-metrics\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mailinvest.blog\/"},{"@type":"ListItem","position":2,"name":"A Technical SEO Guide To Lighthouse Performance Metrics"}]},{"@type":"WebSite","@id":"https:\/\/mailinvest.blog\/#website","url":"https:\/\/mailinvest.blog\/","name":"mailinvest.blog","description":"Technology is forever changing, and there are always new pieces of technology to replace obsolete ones. Tons of people enjoy reading tech blogs on a daily basis. mailinvest.blog tracks all the latest consumer technology breakthroughs and shows you what&#039;s new, what matters and how technology can enrich your life. mailinvest.blog also provides the information, tools, and advice that helps when deciding what to buy.","publisher":{"@id":"https:\/\/mailinvest.blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mailinvest.blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/mailinvest.blog\/#organization","name":"mailinvest","url":"https:\/\/mailinvest.blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/","url":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","contentUrl":"https:\/\/mailinvest.blog\/wp-content\/uploads\/2022\/01\/default.png","width":1000,"height":1000,"caption":"mailinvest"},"image":{"@id":"https:\/\/mailinvest.blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/freelanceracademic\/"]},{"@type":"Person","@id":"https:\/\/mailinvest.blog\/#\/schema\/person\/012701c4c204d4e4ebd34f926cfd31a4","name":"admin@mailinvest.blog","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/98ed217bd0f3d6a6dcae2d9b0c76e305b049a07275e315e1407e19ec8b08e139?s=96&d=mm&r=g","caption":"admin@mailinvest.blog"},"sameAs":["https:\/\/mailinvest.blog","admin@mailinvest.blog"],"url":"https:\/\/mailinvest.blog\/index.php\/author\/adminmailinvest-blog\/"}]}},"_links":{"self":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/5001","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/comments?post=5001"}],"version-history":[{"count":0,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/posts\/5001\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media\/5002"}],"wp:attachment":[{"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/media?parent=5001"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/categories?post=5001"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mailinvest.blog\/index.php\/wp-json\/wp\/v2\/tags?post=5001"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}