in early 2018, Google released an SEO tool called Lighthouse that offers insight on how to improve the quality of your pages. The Google Lighthouse audit is an open-source automated tool that checks a page\u2019s performance, accessibility, and more.<\/p>\n
There are a few ways web developers can implement these audits and even more ways that this new Google tool is changing the game of SEO.in this paper we want to introduce some details of interpretation lighthouse results. Remember that interpretation lighthouse results is one of the most important factors in improving the quality of your site. Keep in mind Lighthouse and interpretation lighthouse results are one of the most important factors that will improve the quality of your site.<\/p>\n
PART 1<\/span><\/a><\/p>\n in part 1 of this article, we talk about the definition , how to use Lighthouse and why it’s useful so we are not going to go into a huge amount of detail about how the tool works but the Lighthouse team have created a very nice diagram highlighting how the Lighthouse tool works<\/a> when running on GitHub.<\/p>\n There are\u00a0more than 75 metrics<\/strong> it tests and gives you overall scoring. Some of the following popular ones you might be interested in as a site owner, SEO analyst, webmasters.<\/p>\n time to interactive, latency, speed index, resources optimization, TTFB, asset delivery, scripts execution time, DOM size, etc.<\/strong><\/p>\n You already know that the\u00a0speed\u00a0<\/a>with which a web page loads is of extreme importance for users<\/a>. As the time it takes for your web page to load increases, so does the likelihood that your visitor will abandon their search. Your Lighthouse performance report helps with this.<\/p>\n The Lighthouse(lighthouse SEO tools) audit provides site performance reports<\/a> under several categories including metrics, opportunities, and diagnostics. Metrics covers three main points of the loading process, showing you which page features are slowing things down.<\/p>\n Next, you\u2019ll be presented with suggested opportunities for speeding up the application. These suggestions include a link and image compression, as well as optimizing other resources. And finally, the performance component of the Google Lighthouse audit also offers diagnostic information.<\/p>\n The diagnostics of a page include reducing the length of chains required for page loading and deferring the downloading of unnecessary resources.<\/p>\n The Performance report is one of the most useful parts of the Lighthouse tool (in my opinion). It provides a breakdown of the key milestones of how quickly a page loads (First meaningful paint<\/a>,\u00a0First Interactive<\/a>\u00a0and\u00a0Consistently Interactive<\/a>).<\/p>\n Next, the report provides the Perceptual Speed Index<\/a>\u00a0and the\u00a0Estimated Input Latency<\/a>. These metrics are useful for benchmarking a mobile website\u2019s pages against, using these metrics to improve their performance.<\/p>\n Finally, a really important aspect of the tool is highlighting the issues which are causing a low-Performance score.<\/p>\n The actions are prioritized by the impact they have on the web performance (site speed) of a page, which is useful when communicating to web development teams which recommendations will have the greatest impact.<\/p>\n If you run the tool and you are in the red, then I highly recommend doing something about it!<\/p>\n Mobile friendly, meta, crawling, canonical, structure, etc.<\/strong><\/p>\n Ironically, this is probably the worst of the audits in the Lighthouse tool. Just running through the list of opportunities and recommendations from the report, it all seems very basic. Also, the tool checks the quality of the meta tags. Just because a webpage has a meta tag doesn\u2019t mean that it follows SEO best practice.<\/p>\n There are better SEO tools out there which check for meta tag issues on the mobile version of a website ( for e.g., Sitebulb, Screaming Frog Web Crawler, etc.) We also need to remember that this is only the first release of the SEO audit in the tool, and it\u2019s exciting to see that developers are adding in SEO audits for a tool that checks the quality of a webpage or app. It\u2019ll be interesting to see what they add next.<\/p>\n Video : SEO Organic <\/span><\/a><\/p>\n Video : Technical SEO<\/span><\/a><\/p>\n <\/p>\n Image optimization, JS libraries, browser error logging, accessible over HTTPS, known JS vulnerabilities, etc<\/strong><\/p>\n We already know that Google has a lot of rules. This element ensures that web developers are following the rules and implementing best practices when it comes to web design. This feature also helps users avoid performance pitfalls and modernize the pages.<\/p>\n Although many will simply use the Lighthouse tool for the Performance and SEO audits, I highly recommend running the Best Practice audit as well. It can provide recommendations that can improve both your performance and user experience for mobile websites.<\/p>\n Just to highlight some examples of recommendations which we found useful:<\/p>\n Page elements, language, ARIA attributes, etc.<\/strong><\/p>\n This feature of the Google Lighthouse audit examines the behaviors of nontraditional users. Accessibility is geared toward visitors who suffer some sort of disability or impairment. This portion of the audit tool analyzes the screen reader and other assistive technologies on the page.<\/p>\n A lot of technical SEOs and website owners will ignore or miss this audit but there are a number of useful recommendations that the tool can provide which can help improve the overall user experience \u2014 especially for those who require assistant technology, such as screen readers.<\/p>\n A number of examples which I have found useful:<\/p>\n Many webmasters struggle with highlighting and addressing accessibility problems, and we think the fact that the Lighthouse tool provides these recommendations is a great way for people to improve their mobile websites for those who rely on accessibility technology.<\/p>\n redirect HTTP to HTTPS, response code ok, fast loading on 3G, splash screen, viewport, etc.<\/strong><\/p>\n Progressive web applications (PWA) are rated based on three key factors \u2013 speed, reliability, and engagement. The Lighthouse audit helps developers take a PWA from baseline to exceptional by providing a checklist of features.<\/p>\n Users will see a list of tests that the PWA has failed and ways to fix these issues. Next, you\u2019ll see which portions of the test your PWA passed. Manual checks are also run but do not affect your overall score.<\/p>\n It is a fantastic tool and you can use it in multiple ways.<\/p>\n You can run Lighthouse(lighthouse SEO tools) in Chrome DevTools from the command line or as a node module. You give an audit URL to Lighthouse, which performs a series of audits on the page, and then generates a report on the state of the page. From there, use the failing audits as indicators to improve the page. Each audit has a reference document explaining the importance of the audit, as well as the solutions.<\/p>\n If you are a developer, you can use it with Node.js to run a test programmatically. There are already a few tools in the market powered by Lighthouse who offer continuous site performance monitoring.<\/p>\n The report details how visitors interact with these different elements of the page and what\u00a0issues need fixing.<\/p>\n Analytics software can prove confusing for even the most knowledgeable performance experts. If you can\u2019t understand the report, you can\u2019t make the necessary changes. This is extremely frustrating for site designers, especially if they know their site needs improvement but they can\u2019t figure how why or how to achieve it. The Google Lighthouse audit takes the guesswork out of issues with page performance and offers a clear solution.<\/p>\n Improving page performance goes hand-in-hand with improving the visitor experience. When web developers learn what areas of their page need work, they can make the necessary changes and inadvertently, improve the browser experience.<\/p>\n Although the Google Lighthouse (lighthouse SEO tools) audit feature is new, the Audit\u2019s panel has actually been around for some time. This was before version 60 of Chrome<\/a>\u00a0was introduced. It\u2019s important to note that these audit reports are only done using the Chrome browser.<\/p>\n The former audit panel has been updated with the Lighthouse tool(lighthouse SEO tools), creating a completely different user experience. In the past, users had the option of using the Lighthouse tool in the older version of Chrome, but now, it\u2019s conveniently located directly in the browser. Essentially, the Audit\u2019s panel is powered by Lighthouse.<\/p>\n It is easy to perform an SEO audit through lighthouse extension:<\/p>\n One the new tool completes the audit, a new tab will appear and your report can be seen.<\/p>\n If you want to audit through Chrome Canary then the steps are as follows:<\/p>\n As you can see above, you have an option to choose what you want to test. This is great as you can focus on your goal and get the audit results faster.<\/p>\n Another option for using the Google Lighthouse audit tool is to install and run the Node command-line tool. After installing the Node tool, you\u2019ll need to download Google Chrome from your desktop. Next, install the long-term support version of Node. The last step is to install the Lighthouse tool.<\/p>\n The \u2013 g flag will install it as a global module. To run an audit, use \u201clighthouse <url>\u201d. To view your audit options, use \u201clighthouse \u2014 help\u201d. You also have the option to run the Node module programmatically.<\/p>\n Google Lighthouse(lighthouse SEO tools) looks for promising tools to perform a continuity test to improve site performance and usability. If you are using WordPress and looking to make your site loads faster then check out our site<\/a>.<\/p>\n According to the new lighthouse tool any person looking to audit a site needs to bear in mind certain elements featuring:<\/p>\n A big difference between the updated tool and the previous one is that it is easy to overlook the fact that a page is blocked from indexation in a search engine.<\/p>\n Lighthouse is not a revolutionary tool, it does, however, bring attention to some of the old Google Guidelines that many people may have forgotten about. If you own a small\/medium-sized website the lighthouse tool will probably be a really good tool, even if you are familiar with Google\u2019s Guidelines it is always useful to have a reminder.<\/p>\n The new Google lighthouse tool has a basic list of checks which can be used for SEO purposes. It is already familiar with many other SEO tools but it does not make any guarantees for any SEO improvements in search engines.<\/p>\n But it does offer a complete set of SEO audits which can be utilized by persons such as webmasters and developers. It is Google\u2019s intention to add a whole new suite of features to the lighthouse tool such as more in-depth audits and further guidance on how to get the best from the tool.<\/p>\n If you\u2019re not using Lighthouse as part of your mobile or technical SEO audits, then you\u2019re missing out on improving the quality of your website.<\/p>\n More information on Lighthouse and helpful links about the tool can be found below:<\/p>\n preface In the first part of this article, we provide a comprehensive description of Google SEO tools(lighthouse SEO tools). Here are some basic definitions,\u00a0 and how Lighthouse will work interpretation lighthouse results. Lighthouse code is available on the public\u00a0Google Chrome GitHub repo. so every programmer can use it directly but google make it tune for […]<\/p>\n","protected":false},"author":1,"featured_media":4962,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0,"footnotes":""},"categories":[744,675,729,296,440,77,431,293,78,104],"tags":[829,1039,1040,833,834,823,832,825,819,745,694,840,836,827,822,828,820,826,817,818,835,824,838,839,837,830,831,841,821],"yoast_head":"\n![\"interpretation](\"https:\/\/developers.google.com\/web\/ilt\/pwa\/img\/85ba5f21895251ff.png\")
<\/p>\nLighthouse Architecture<\/h3>\n
![\"interpretation](\"https:\/\/raw.githubusercontent.com\/GoogleChrome\/lighthouse\/master\/assets\/architecture.jpg\")
<\/p>\nWhat metrics are tested by Google Lighthouse and interpretation lighthouse results?<\/h3>\n
Performance<\/h4>\n
![\"interpretation](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/lighthouse-performance-report.jpg\")
<\/p>\n![\"Google](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/lighthouse-speed.png\")
<\/p>\n![\"interpretation](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/Google-lighthouse-speed-optimisation.jpg\")
<\/p>\n![\"Google](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/performance.jpg\")
<\/p>\nSEO<\/h4>\n
![\"Google](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/Google-lighthouse-seo-checks.jpg\")
<\/p>\nBest Practices<\/h4>\n
![\"Google](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/lighthouse-best-practice.jpg\")
<\/p>\n\n
Accessibility<\/h4>\n
![\"lighthouse](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/lighthouse-accessibility.jpg\")
<\/p>\n\n
PWA\u00a0(Progressive Web Application)<\/h4>\n
![\"lighthouse](\"https:\/\/salt.agency\/wp-content\/uploads\/2018\/03\/lighthouse-progressive-web-app.jpg\")
<\/p>\nHow to use the lighthouse as a developer(interpretation lighthouse results)<\/h3>\n
Anyone Can Use and Understand It<\/h4>\n
Not Just for Developers<\/h4>\n
It\u2019s an Upgrade<\/h4>\n
Using\u00a0 Lighthouse(lighthouse SEO tools) Through Chrome for support on interpretation lighthouse results<\/h3>\n
Chrome Extension<\/h4>\n
\n
Chrome Canary<\/h4>\n
\n
![\"lighthouse](\"https:\/\/geekflare.com\/wp-content\/uploads\/2019\/01\/audit-chrome.png\")
<\/p>\nConclusion of interpretation lighthouse results<\/h3>\n
\n
\n