{"id":12553,"date":"2020-09-28T09:37:51","date_gmt":"2020-09-28T09:37:51","guid":{"rendered":"https:\/\/codeandpepper.com\/?p=12553"},"modified":"2020-12-01T08:49:04","modified_gmt":"2020-12-01T08:49:04","slug":"google-lighthouse-tool-guide","status":"publish","type":"post","link":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/","title":{"rendered":"The Quickest Guide to Google Lighthouse Tool"},"content":{"rendered":"\n<p>Testing web applications in an effective way can be super-simple nowadays, thanks to many available tools. When it comes to examining basic issues, <strong>Google Lighthouse<\/strong> is one of the best and most popular instruments to do it, so every web developer and website owner should be familiar with it. Especially if it\u2019s available for free, built in <a rel=\"nofollow\" href=\"https:\/\/www.webpagetest.org\/\">WebPageTest<\/a>, <a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=en\">PageSpeed Insights<\/a>, Chromium based browsers (such as Chrome and Edge) and as an extension for Firefox. So why don\u2019t you try it out on your own? This guide is the quickest way to start!<\/p>\n\n\n\n<!--more-->\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"864\" height=\"450\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg\" alt=\"The-quickest-guide-to-Google-Lighthouse-tool\" class=\"wp-image-13661\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01-300x156.jpg 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01-768x400.jpg 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01-361x188.jpg 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01-192x100.jpg 192w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01-720x375.jpg 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01-432x225.jpg 432w\" sizes=\"auto, (max-width: 864px) 100vw, 864px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-one-tool-for-many-uses\">One tool for many uses<\/h2>\n\n\n\n<p>Lighthouse is a very versatile, open-source tool that lets any web developer improve the quality of what they work on. Moreover, it\u2019s automated and as simple to use as possible, so even if you\u2019re not a developer, but a developer\u2019s client, you can use it to verify whether what you\u2019re paying for meets the standards.<\/p>\n\n\n\n<p>So, what exactly can you test with Lighthouse?&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Performance <\/strong>&#8211; reaction times, optimization. Lighthouse focuses on practical aspects of performance testing by checking <a rel=\"nofollow\" href=\"https:\/\/web.dev\/vitals\/\">Web Vitals<\/a> metrics such as:<a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/first-contentful-paint?utm_source=lighthouse&amp;utm_medium=cli\">First Contentful Paint<\/a>, <a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/speed-index?utm_source=lighthouse&amp;utm_medium=cli\">Speed Index<\/a>, <a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/time-to-interactive?utm_source=lighthouse&amp;utm_medium=cli\">Time to Interactive<\/a>, <a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/first-meaningful-paint?utm_source=lighthouse&amp;utm_medium=cli\">First Meaningful Paint<\/a>, <a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/tools\/lighthouse\/audits\/first-cpu-idle?utm_source=lighthouse&amp;utm_medium=cli\">First CPU Idle<\/a>, and <a rel=\"nofollow\" href=\"https:\/\/developers.google.com\/web\/updates\/2018\/05\/first-input-delay?utm_source=lighthouse&amp;utm_medium=cli\">Max Potential First Input Delay<\/a>. Note that these metrics are subject to change over time, so tests performed in long intervals should not be compared one-to-one. You can see how crucial performance can be in Lucas Korol\u2019s article about <a href=\"https:\/\/codeandpepper.com\/2019\/12\/02\/application-performance-in-fintech\/\">the meaning of performance in FinTech apps<\/a> if you&#8217;re interested.&nbsp;<\/li><li><strong>SEO <\/strong>&#8211; meta information, structure, compatibility with mobile devices. In this case, the tests are rather basic and Lighthouse SEO tool should not be your go-to solution. However, the dev team is working hard to make it more powerful, so maybe in a year or two it\u2019s going to become a major means of SEO optimization.<\/li><li><strong>Best practices<\/strong> &#8211; most common vulnerabilities, image optimization, use of HTTPS<strong>. <\/strong>Basically, ensuring that the tested website meets the standards of the web.<\/li><li><strong>Accessibility<\/strong> &#8211; language, page elements, ARIA attributes<strong>.<\/strong> This part of the test verifies whether a website can be freely accessed and used by literally everybody, including users of devices other than personal computers (such as smartphones, smart TVs and tablets) and those physically disabled (e.g. those suffering from visual impairment or paralyzed). Lighthouse checks if all elements have <em>alt<\/em> attributes, if the <em>lang <\/em>attribute in the &lt;html&gt; tag is correct, if the &lt;title&gt; tag is present. It even makes sure that the contrast between the site\u2019s background and foreground is not too low, so the content is easily readable or if the interface is easy to use.<\/li><li><strong>PWA (Progressive Web Application)<\/strong> &#8211; loading times and response times on slower networks, eg. 3G, browser compatibility<strong>.<\/strong> A PWA is an app that works on any web browser, but can also be installed and, at least partially, run offline, too (e.g. by displaying a custom offline page). In order to be considered a <em>progressive web app, <\/em>your site needs to meet a certain <a rel=\"nofollow;\" href=\"https:\/\/web.dev\/pwa-checklist\/\">set of requirements<\/a> and Lighthouse can tell you if you meet these criteria or not. Note that PWA conformity is not rated in points and the tool tells you straight out if you pass or fail.<\/li><\/ul>\n\n\n\n<p>Overall, there are more than 75 different metrics that the Lighthouse tool tests to come up with the overall score!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-many-ways-to-improve-your-website-with-lighthouse\">Many ways to improve your website with Lighthouse<\/h2>\n\n\n\n<p>There are a few basic ways to use the Lighthouse tool to run tests (the easiest ones seem to be just entering the website\u2019s address in services such as <a rel=\"nofollow\" href=\"https:\/\/web.dev\/measure\/\">Web.dev<\/a>), but we\u2019ve prepared a quick overview of those you can run directly in your browser for you. <b>You\u2019ll be able to test your website on your own after reading the rest of this post!<\/b><\/p>\n\n\n\n<p>Before you try, though, remember that in order to get the most consistent results, you\u2019ll need to disable other web browser extensions or just use the incognito mode. It\u2019s vital that your browser is as stock as possible, because you need to replicate what an average internaut is using.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-lighthouse-chrome-tool-the-easiest-way-to-test\">Lighthouse Chrome tool &#8211; the easiest way to test<\/h2>\n\n\n\n<p>First one is just by clicking the <em>Generate report<\/em> button that is accessible after installing the <a rel=\"nofollow\" href=\"https:\/\/chrome.google.com\/webstore\/detail\/lighthouse\/blipmdconlkpinefehnmjammfjpmpbjk\/related\">Lighthouse Chrome extension<\/a> (you can choose what you want to test by clicking the cog button).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"558\" height=\"465\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/1.png\" alt=\"\" class=\"wp-image-13106\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/1.png 558w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/1-300x250.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/1-251x209.png 251w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/1-120x100.png 120w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/1-432x360.png 432w\" sizes=\"auto, (max-width: 558px) 100vw, 558px\" \/><figcaption><em>It\u2019s hard to miss this button!<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>Lighthouse Chrome tool will then run the audit and automatically generate a report in just a few seconds. It will be available for you in a newly opened tab, just like like this:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"686\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-1024x686.png\" alt=\"\" class=\"wp-image-13107\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-1024x686.png 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-300x201.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-768x514.png 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-312x209.png 312w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-149x100.png 149w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-720x482.png 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-864x579.png 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2-432x289.png 432w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/2.png 1111w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>The report looks like this.<\/em><\/figcaption><\/figure>\n\n\n\n<p>What is very helpful, besides raw information,&nbsp; you get a report that provides you with useful tips (including <a rel=\"nofollow\" href=\"https:\/\/web.dev\/use-lighthouse-for-performance-budgets\/\">performance budgets<\/a> if only you configure this feature properly), so you can start working on upgrades. In this case, we can see that the tested website could load faster if it used more current formats for image files.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1023\" height=\"323\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3.png\" alt=\"\" class=\"wp-image-13108\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3.png 1023w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3-300x95.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3-768x242.png 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3-361x114.png 361w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3-200x63.png 200w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3-720x227.png 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3-864x273.png 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/3-432x136.png 432w\" sizes=\"auto, (max-width: 1023px) 100vw, 1023px\" \/><figcaption><em>Thanks for a pro tip, Lighthouse!<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>Interestingly, the tool identified the website as a WordPress based one and suggested using a plugin that can automatically optimize the images. Smart!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-lighthouse-with-devtools\">Lighthouse with DevTools<\/h2>\n\n\n\n<p>Another way to run an audit is by accessing the tool via Lighthouse dev tools (shortcut: F12 or Control+Shift+I on Windows or Command+Option+I on Mac ).&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"574\" height=\"511\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/4.png\" alt=\"\" class=\"wp-image-13109\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/4.png 574w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/4-300x267.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/4-235x209.png 235w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/4-112x100.png 112w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/4-432x385.png 432w\" sizes=\"auto, (max-width: 574px) 100vw, 574px\" \/><figcaption><em>Press F12 to access the Lighthouse Chrome tool through DevTools.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>It\u2019s not more complicated than the method discussed above. Again, you can select which metrics you want to test from the list. Moreover, accessing Lighthouse via DevTools lets you use the <em>Community Plugins<\/em>. One of them available in the stock version of Lighthouse is <em>Publisher Ads<\/em> which tells you whether your website is optimized for ad speed and quality (pretty nifty for AdSense users).<\/p>\n\n\n\n<p>Another cool feature available from this level is a quick preview of how your website looks on a mobile device. You can choose from a list of the most popular smartphones and tablets by toggling the <em>Device<\/em> toolbar (Ctrl+Shift+M).<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"742\" height=\"868\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/5.png\" alt=\"\" class=\"wp-image-13110\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/5.png 742w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/5-256x300.png 256w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/5-179x209.png 179w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/5-85x100.png 85w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/5-598x700.png 598w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/5-432x505.png 432w\" sizes=\"auto, (max-width: 742px) 100vw, 742px\" \/><figcaption><em>This is what it looks like on a Moto G4.<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-running-lighthouse-from-the-command-line\">Running Lighthouse from the command line<\/h2>\n\n\n\n<p>If you wish to use the Lighthouse tool in a more advanced way, for example integrating it with other processes (for instance using <a rel=\"nofollow\" href=\"https:\/\/github.com\/GoogleChrome\/lighthouse-ci#lighthouse-ci\">Lighthouse CI<\/a>), it is available as a Node module. Just download the tool from nodejs.org (remember to pick the version appropriate for your system).<\/p>\n\n\n\n<p>Then, install it using a command:<\/p>\n\n\n\n<p>npm install -g lighthouse<\/p>\n\n\n\n<p>After that, it becomes available globally and you can run it by simply typing <em>lighthouse + <\/em>a http address of a website you want to test, for example:<\/p>\n\n\n\n<p>lighthouse https:\/\/codeandpepper.com\/<\/p>\n\n\n\n<p>In order to see the full variety of flags and options available in the command line version of Lighthouse, type:<\/p>\n\n\n\n<p>lighthouse &#8211;help<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"h-get-the-best-score-you-can\">Get the best score you can!<\/h3>\n\n\n\n<p>There is a quirky easter egg built in Lighthouse. When your website gets top grades in all categories, you\u2019re rewarded with a fireworks display! Jacek Ko\u015bciesza of Code &amp; Pepper challenged himself to achieve the max score and see these fireworks himself, and as a result, he created the site visible in the screenshot below.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"640\" src=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6.png\" alt=\"\" class=\"wp-image-13111\" srcset=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6.png 1024w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6-300x188.png 300w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6-768x480.png 768w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6-334x209.png 334w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6-160x100.png 160w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6-720x450.png 720w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6-864x540.png 864w, https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/6-432x270.png 432w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption><em>A grand success!<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p>Jacek decided to code in <a href=\"https:\/\/codeandpepper.com\/services\/golang-development-services\/\">Golang <\/a>which is a simple, yet powerful programming language created by Google. Finally, the C&amp;P team built their own, experimental open-source web application based on microservices and containers, all with Golang\u2019s standard library.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"h-is-lighthouse-the-ultimate-testing-tool\">Is Lighthouse the ultimate testing tool?<\/h2>\n\n\n\n<p>It\u2019s definitely one of the best automated and simple ways of performing basic tests of the non-functional requirements. It lets you optimize your website quickly and avoid the most common problems. However, <strong>Lighthouse is not a source of absolute knowledge<\/strong> and you should not consider everything you see in the reports your ultimate goals.&nbsp;At some point, you may need to turn to more specialized and advanced tools (such as <a rel=\"nofollow\" href=\"https:\/\/www.cypress.io\/\">Cypress <\/a>for functional requirements or <a rel=\"nofollow\" href=\"https:\/\/securityheaders.com\/?q=codeandpepper.com&amp;followRedirects=on\">Security Headers<\/a> for HTTP security) but they can be costly and not as simple to use. While it\u2019s good to monitor a website with Lighthouse on your own, especially at the beginning of your journey, turning to professional software testing experts is the best option after you\u2019ve exhausted what was available for free.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Testing web applications in an effective way can be super-simple nowadays, thanks to many available tools. When it comes to examining basic issues, Google Lighthouse is one of the best and most popular instruments to do it, so every web developer and website owner should be familiar with it. Especially if it\u2019s available for free,<a class=\"moretag\" href=\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\"> Read the full article&#8230;<\/a><\/p>\n","protected":false},"author":20414,"featured_media":13661,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[1651],"tags":[1126,1623,1624],"class_list":["post-12553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-qa","tag-app-performance","tag-google-lighthouse","tag-guide"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Google Lighthouse Tool Quick Guide | Code &amp; Pepper<\/title>\n<meta name=\"description\" content=\"Learn why you need Google Lighthouse tool and how to use it effectively in less than 15 minutes - it&#039;s that simple with Code &amp; Pepper.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Google Lighthouse Tool Quick Guide | Code &amp; Pepper\" \/>\n<meta property=\"og:description\" content=\"Learn why you need Google Lighthouse tool and how to use it effectively in less than 15 minutes - it&#039;s that simple with Code &amp; Pepper.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"Code &amp; Pepper\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/codeandpepper\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-28T09:37:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-01T08:49:04+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"864\" \/>\n\t<meta property=\"og:image:height\" content=\"450\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jakub Skowron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:site\" content=\"@codeandpepper\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jakub Skowron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\"},\"author\":{\"name\":\"Jakub Skowron\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2\"},\"headline\":\"The Quickest Guide to Google Lighthouse Tool\",\"datePublished\":\"2020-09-28T09:37:51+00:00\",\"dateModified\":\"2020-12-01T08:49:04+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\"},\"wordCount\":1392,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg\",\"keywords\":[\"App performance\",\"Google Lighthouse\",\"Guide\"],\"articleSection\":[\"Quality Assurance\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\",\"url\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\",\"name\":\"Google Lighthouse Tool Quick Guide | Code &amp; Pepper\",\"isPartOf\":{\"@id\":\"https:\/\/codeandpepper.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg\",\"datePublished\":\"2020-09-28T09:37:51+00:00\",\"dateModified\":\"2020-12-01T08:49:04+00:00\",\"description\":\"Learn why you need Google Lighthouse tool and how to use it effectively in less than 15 minutes - it's that simple with Code & Pepper.\",\"breadcrumb\":{\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg\",\"width\":864,\"height\":450,\"caption\":\"The-quickest-guide-to-Google-Lighthouse-tool\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/codeandpepper.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The Quickest Guide to Google Lighthouse Tool\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/codeandpepper.com\/#website\",\"url\":\"https:\/\/codeandpepper.com\/\",\"name\":\"Code & Pepper\",\"description\":\"FinTech Developers\",\"publisher\":{\"@id\":\"https:\/\/codeandpepper.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/codeandpepper.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/codeandpepper.com\/#organization\",\"name\":\"Code & Pepper\",\"url\":\"https:\/\/codeandpepper.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"contentUrl\":\"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png\",\"width\":319,\"height\":144,\"caption\":\"Code & Pepper\"},\"image\":{\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/codeandpepper\/\",\"https:\/\/x.com\/codeandpepper\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2\",\"name\":\"Jakub Skowron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/codeandpepper.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g\",\"caption\":\"Jakub Skowron\"},\"description\":\"Technology enthusiast, literature devourer, and creator of insightful FinTech-related content. In his spare time, he also works with international public art projects.\",\"sameAs\":[\"https:\/\/www.linkedin.com\/in\/jakub-skowron-7b2424a1\/\"],\"url\":\"https:\/\/codeandpepper.com\/author\/jakub-skowron\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Google Lighthouse Tool Quick Guide | Code &amp; Pepper","description":"Learn why you need Google Lighthouse tool and how to use it effectively in less than 15 minutes - it's that simple with Code & Pepper.","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:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/","og_locale":"en_US","og_type":"article","og_title":"Google Lighthouse Tool Quick Guide | Code &amp; Pepper","og_description":"Learn why you need Google Lighthouse tool and how to use it effectively in less than 15 minutes - it's that simple with Code & Pepper.","og_url":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/","og_site_name":"Code &amp; Pepper","article_publisher":"https:\/\/www.facebook.com\/codeandpepper\/","article_published_time":"2020-09-28T09:37:51+00:00","article_modified_time":"2020-12-01T08:49:04+00:00","og_image":[{"width":864,"height":450,"url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg","type":"image\/jpeg"}],"author":"Jakub Skowron","twitter_card":"summary_large_image","twitter_creator":"@codeandpepper","twitter_site":"@codeandpepper","twitter_misc":{"Written by":"Jakub Skowron","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#article","isPartOf":{"@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/"},"author":{"name":"Jakub Skowron","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2"},"headline":"The Quickest Guide to Google Lighthouse Tool","datePublished":"2020-09-28T09:37:51+00:00","dateModified":"2020-12-01T08:49:04+00:00","mainEntityOfPage":{"@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/"},"wordCount":1392,"commentCount":0,"publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"image":{"@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg","keywords":["App performance","Google Lighthouse","Guide"],"articleSection":["Quality Assurance"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/","url":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/","name":"Google Lighthouse Tool Quick Guide | Code &amp; Pepper","isPartOf":{"@id":"https:\/\/codeandpepper.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage"},"image":{"@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage"},"thumbnailUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg","datePublished":"2020-09-28T09:37:51+00:00","dateModified":"2020-12-01T08:49:04+00:00","description":"Learn why you need Google Lighthouse tool and how to use it effectively in less than 15 minutes - it's that simple with Code & Pepper.","breadcrumb":{"@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#primaryimage","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2020\/09\/The-quickest-guide-to-Google-Lighthouse-tool_01.jpg","width":864,"height":450,"caption":"The-quickest-guide-to-Google-Lighthouse-tool"},{"@type":"BreadcrumbList","@id":"https:\/\/codeandpepper.com\/google-lighthouse-tool-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codeandpepper.com\/"},{"@type":"ListItem","position":2,"name":"The Quickest Guide to Google Lighthouse Tool"}]},{"@type":"WebSite","@id":"https:\/\/codeandpepper.com\/#website","url":"https:\/\/codeandpepper.com\/","name":"Code & Pepper","description":"FinTech Developers","publisher":{"@id":"https:\/\/codeandpepper.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codeandpepper.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/codeandpepper.com\/#organization","name":"Code & Pepper","url":"https:\/\/codeandpepper.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/","url":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","contentUrl":"https:\/\/codeandpepper.com\/wp-content\/uploads\/2019\/06\/logo.png","width":319,"height":144,"caption":"Code & Pepper"},"image":{"@id":"https:\/\/codeandpepper.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/codeandpepper\/","https:\/\/x.com\/codeandpepper"]},{"@type":"Person","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/68ec3d97f32cc58205eb549846edefc2","name":"Jakub Skowron","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/codeandpepper.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/80c7b9bee020a5c6d10ada022cff86922d3df0f41c215be1015dd9f9d8dfa049?s=96&d=mm&r=g","caption":"Jakub Skowron"},"description":"Technology enthusiast, literature devourer, and creator of insightful FinTech-related content. In his spare time, he also works with international public art projects.","sameAs":["https:\/\/www.linkedin.com\/in\/jakub-skowron-7b2424a1\/"],"url":"https:\/\/codeandpepper.com\/author\/jakub-skowron\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/12553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/users\/20414"}],"replies":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/comments?post=12553"}],"version-history":[{"count":24,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/12553\/revisions"}],"predecessor-version":[{"id":17991,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/posts\/12553\/revisions\/17991"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media\/13661"}],"wp:attachment":[{"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/media?parent=12553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/categories?post=12553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codeandpepper.com\/wp-json\/wp\/v2\/tags?post=12553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}