Document<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n }\n .main-card-for-some {\n background-color: #e9f3ff;\n border-radius: 0.375rem;\n height: 350px;\n width: 600px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .heading-card {\n font-size: 1.60rem;\n font-weight: 600;\n letter-spacing: 0.025em;\n line-height: 2rem;\n }\n .up-mt-1 {\n margin-top: 3.564587rem;\n margin-bottom: 2.75rem;\n }\n .btn-blue {\n font-size: 1rem;\n line-height: 1rem;\n font-weight: bold;\n background-color: rgb(37 99 235);\n color: white !important;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-top: 1rem;\n border-radius: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border: 0;\n text-decoration:none !important;\n }\n \n .btn-blue:hover{\n \tbackground-color: rgb(30 64 175);\n }\n\n .card-caption-body {\n display: flex;\n font-size: 0.75rem;\n line-height: 1rem;\n justify-content: space-evenly;\n margin-top: 1.5rem;\n font-weight: 300;\n column-gap:1.0rem;\n }\n\n .card-caption-text {\n display: flex;\n column-gap: 0.5rem;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n<main style=\"display:flex;justify-content:center;\">\n <div class=\"main-card-for-some\">\n <div>\n <p class=\"heading-card\">Get The Best PageSpeed Score <br>For Your WordPress Website<\/p>\n <div class=\"up-mt-1\">\n <a href=\"https:\/\/linke.to\/ke3PO\" class=\"btn-blue\">Install Now<\/a>\n <\/div>\n <div class=\"card-caption-body\">\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n All in One Optimization Plugin\n <\/div>\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n No Coding Knowledge Required\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/main>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The good thing about Lighthouse is that it not only shows you a report on all the important <strong><a href=\"https:\/\/rabbitloader.com\/articles\/core-web-vitals\/\">Core Web Vitals<\/a><\/strong> information. It also gives you actionable insights in just a few seconds to improve several site aspects like <strong>web accessibility and SEO. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"959\" height=\"384\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse.png\" alt=\"Core web Vitals Lighthouse\" class=\"wp-image-1031\" style=\"width:810px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse.png 959w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse-300x120.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse-768x308.png 768w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/figure>\n\n\n\n<p>It is very important to run a Lighthouse audit on your site to see specific performance weaknesses related to your site that negatively influence the user experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"unwrapping_the_lighthouse_speed_test_report_and_metrics\"><\/span>Unwrapping the Lighthouse Speed Test Report and Metrics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Lighthouse checks your website and assigns it a score across five various categories.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_performance_audit\"><\/span>1. Performance Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In this audit, Lighthouse calculates how fast a web page loads and how quickly it becomes interactive.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Document<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n }\n .main-card-for-some {\n background-color: #e9f3ff;\n border-radius: 0.375rem;\n height: 350px;\n width: 600px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .heading-card {\n font-size: 1.60rem;\n font-weight: 600;\n letter-spacing: 0.025em;\n line-height: 2rem;\n }\n .up-mt-1 {\n margin-top: 3.564587rem;\n margin-bottom: 2.75rem;\n }\n .btn-blue {\n font-size: 1rem;\n line-height: 1rem;\n font-weight: bold;\n background-color: rgb(37 99 235);\n color: white !important;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-top: 1rem;\n border-radius: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border: 0;\n text-decoration:none !important;\n }\n \n .btn-blue:hover{\n \tbackground-color: rgb(30 64 175);\n }\n\n .card-caption-body {\n display: flex;\n font-size: 0.75rem;\n line-height: 1rem;\n justify-content: space-evenly;\n margin-top: 1.5rem;\n font-weight: 300;\n column-gap:1.0rem;\n }\n\n .card-caption-text {\n display: flex;\n column-gap: 0.5rem;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n<main style=\"display:flex;justify-content:center;\">\n <div class=\"main-card-for-some\">\n <div>\n <p class=\"heading-card\">Get The Best PageSpeed Score <br>For Your WordPress Website<\/p>\n <div class=\"up-mt-1\">\n <a href=\"https:\/\/linke.to\/ke3PO\" class=\"btn-blue\">Install Now<\/a>\n <\/div>\n <div class=\"card-caption-body\">\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n All in One Optimization Plugin\n <\/div>\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n No Coding Knowledge Required\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/main>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>It presents your performance for the five-speed metrics mentioned below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/rabbitloader.com\/articles\/first-contentful-paint\/\">First Contentful Paint<\/a> (FCP):<\/strong> FCP is a performance metric that calculates how fast a user can see the actual content on your page such as images, text, videos, and so on.<\/li>\n\n\n\n<li><strong>Largest Contentful Paint (LCP):<\/strong> LCP calculates the time it takes for the<strong> largest and most important visible element<\/strong> to load. It could be an image, a block of test or even a video on the page.<\/li>\n\n\n\n<li><strong>Cumulative Layout Shift (CLS): <\/strong>CLS calculates the shifts in the layout that take place during the loading of the webpage, it calculates the stability & predictability of the elements within the webpage. <\/li>\n\n\n\n<li><strong><a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-speed-index\/\">Speed Index<\/a> (SI):<\/strong> Speed Index is a page load performance metric that displays how fast the contents of a page are visible to the users. It is the average time at which the visible sections of the page are shown.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/rabbitloader.com\/articles\/total-blocking-time\/\">Total Blocking Time<\/a> (TBT):<\/strong> It evaluates the page\u2019s load responsiveness to user input. It is useful to remove your FID score in lab data. They both calculate different things i.e. user input and user interaction but by upgrading TBT you simply improve FID which is a Core Web Vitals. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"715\" height=\"632\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Performence-audit.png\" alt=\"Performence audit\" class=\"wp-image-1035\" style=\"width:536px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Performence-audit.png 715w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Performence-audit-300x265.png 300w\" sizes=\"auto, (max-width: 715px) 100vw, 715px\" \/><\/figure><\/div>\n\n\n<p>Lighthouse provides an overall performance score for all these metrics based on your page performance. The score should be anything between 0 to 100.<\/p>\n\n\n\n<p>If the score is anything between 90 and 100 it means your page is effectively optimized for user experience. A score below 90 needs some improvement in your performance for which Lighthouse provides suggestions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_accessibility_audit\"><\/span>2. Accessibility Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Lighthouse\u2019s accessibility test evaluates how well the users who use assistive technology are capable of using your website. It looks at elements including links and buttons to check if they are appropriately described.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"617\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Accessibility-1.png\" alt=\"Accessibility Audit\" class=\"wp-image-1036\" style=\"width:602px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Accessibility-1.png 660w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Accessibility-1-300x280.png 300w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure><\/div>\n\n\n<p>The accessibility score connects to<strong> how usable<\/strong> your website is for all users, in all their diversity.<\/p>\n\n\n\n<p>It also analyzes site images to check whether alt text is present or not. It is required for users with poor vision to understand what the image is all about while using a screen reader.<\/p>\n\n\n\n<p>Like the performance report, the accessibility report also provides you with a score out of 100. It also provides recommendations to improve your overall accessibility.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_best_practices_audit\"><\/span>3. Best Practices Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This audit checks whether your page is created on the latest standards of web development. Additionally, it conducts a brief audit of generally approved best practices for web development. Lighthouse examines whether:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The page is free from all browser errors.<\/li>\n\n\n\n<li>If your website is using a secure connection, such as HTTPS<\/li>\n\n\n\n<li>The page allows users to paste passwords in the password section or allows the usage of password managers.<\/li>\n\n\n\n<li>If the page has a valid source map.<\/li>\n\n\n\n<li>The page developed a good user experience or UX by preventing geolocation and notification permission requests on page load.<\/li>\n\n\n\n<li>All JavaScript libraries are protected and free from any vulnerabilities and so on. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"548\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Best-practice.png\" alt=\"Best practice\" class=\"wp-image-1033\" style=\"width:733px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Best-practice.png 638w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Best-practice-300x258.png 300w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n<p>All the above-mentioned audit factors provide you with a score out of 100. The report on best practices also highlights some particular elements that need your attention to improve the score.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_seo_audit\"><\/span>4. SEO Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Lighthouse assesses the SEO of a website by considering elements such as structured data, meta tags, and headings. It checks if your page has valid structured data or not, whether your page is mobile-friendly, and so on. It then provides a score out of 100.<\/p>\n\n\n\n<p>It gives suggestions to enhance the search engine visibility of your website which is essential to operate organic traffic.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"855\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image.png\" alt=\"\" class=\"wp-image-1052\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image.png 1200w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image-300x214.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image-1024x730.png 1024w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image-768x547.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_progressive_web_app_pwa_audit\"><\/span>5. Progressive Web App (PWA) Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The last section of the Lighthouse metrics is PWA. It checks whether the site meets the standard of <a href=\"https:\/\/www.educative.io\/answers\/how-to-perform-a-pwa-performance-auditing\">Progressive Web App<\/a> to provide an excellent user experience.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"685\" height=\"611\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/PWA.png\" alt=\"PWA audit\" class=\"wp-image-1038\" style=\"width:638px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/PWA.png 685w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/PWA-300x268.png 300w\" sizes=\"auto, (max-width: 685px) 100vw, 685px\" \/><\/figure><\/div>\n\n\n<p>The PWA audit measures whether your web app is <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Installable<\/strong> on various devices and contains features such as push notifications and offline functionality.<\/li>\n\n\n\n<li><strong>Reliable and fast <\/strong>on mobile networks and provides offline functionality.<\/li>\n\n\n\n<li><strong>PWA-optimized<\/strong> by configuring a custom splash screen, redirecting HTTP traffic to HTTPS, and more.<\/li>\n<\/ul>\n\n\n\n<p>The test runs your website against these audit factors and represents one of the PWA badges. It also provides recommendations to improve the overall PWA performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"how_to_test_speed_and_performance_using_google_lighthouse\"><\/span>How to Test Speed and Performance using Google Lighthouse<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are a few tools that can run a Lighthouse audit on the website. If you wish to avoid installing an extension or running a command, you need to use the web.dev or Chrome DevTools. Let\u2019s take a look at the instructions for each one of them:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_chrome_devtools\"><\/span>1. Chrome DevTools<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To run a report in Chrome you need to go through these steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, you need to open Google Chrome in incognito mode.<\/li>\n\n\n\n<li>Then you have to navigate to the website you want to run the audit on.<\/li>\n\n\n\n<li>After that, you should Right Click anywhere on the page and then click <strong>Inspect<\/strong>.<\/li>\n\n\n\n<li>Then you should look for the tab called <strong>Lighthouse<\/strong> which seems invisible as it is hidden behind the arrows at the top of the developer tools section.<\/li>\n\n\n\n<li>As soon as you reach here you must click <strong>Generate Report<\/strong> to see the complete Lighthouse Audit. Please note that it may take a minute or two for the audit to show the report.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"460\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse.png\" alt=\"Chrome-dev-tools-lighthouse\" class=\"wp-image-1039\" style=\"width:829px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse.png 844w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse-300x164.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse-768x419.png 768w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_pagespeedwebdev\"><\/span>2. <a href=\"https:\/\/pagespeed.web.dev\/\">Pagespeed.Web.Dev<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>An easier way to audit a web page with Lighthouse is pagespeed.web.dev. It is a browser-based tool where you need to enter the URL of your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"887\" height=\"630\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_.png\" alt=\"web.dev\" class=\"wp-image-1055\" style=\"width:862px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_.png 887w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_-300x213.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_-768x545.png 768w\" sizes=\"auto, (max-width: 887px) 100vw, 887px\" \/><\/figure>\n\n\n\n<p>As soon as the audit is finished, Lighthouse presents you with a detailed report. Note that it does not provide two separate reports for desktop or mobile, so you can see only one analytics report. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_chrome_extension\"><\/span>3. Chrome Extension<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Another popular way to run an audit on the website is Chrome Extension. You need to install the <strong><a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\">Lighthouse Chrome Extension<\/a> <\/strong>on your Chrome browser. After that, you should visit the web page you want to test. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"467\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension.png\" alt=\"Lighthouse chrome extension\" class=\"wp-image-1040\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension.png 906w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension-300x155.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension-768x396.png 768w\" sizes=\"auto, (max-width: 906px) 100vw, 906px\" \/><\/figure><\/div>\n\n\n<p>Open the Chrome Extension menu and click on the<strong> Lighthouse<\/strong> symbol. Click on Generate Report to perform the audit. After that, it presents you with a detailed report.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_simple_hacks_to_improve_pagespeed_score_in_google_lighthouse\"><\/span>5 Simple Hacks to Improve Pagespeed Score in Google Lighthouse<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are various ways to improve your Lighthouse performance on your website. Now take a look at some of them to provide you a taste of how you can upgrade the Lighthouse metrics: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_optimize_your_images\"><\/span>1) Optimize Your Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>By compressing every photo you can <strong><a href=\"https:\/\/wpengine.com\/resources\/optimize-images-for-web\/\">optimize your images<\/a><\/strong>. Images are required to be responsive and scaled to the screen size. The images should have SEO-friendly titles, alt texts, and alt descriptions. <\/p>\n\n\n\n<p>Adding alt text and descriptions provides screen readers with an easy way to represent imagery for people with no vision. This performance connected them to a long list of audits completed for Lighthouse\u2019s Accessibility score. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"434\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Image-Optimization.png\" alt=\"Image Optimization\" class=\"wp-image-1050\" style=\"width:638px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Image-Optimization.png 505w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Image-Optimization-300x258.png 300w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/figure><\/div>\n\n\n<p>They also give context to site crawlers. Thus, this optimization enhances both SEO and Accessibility scores.<\/p>\n\n\n\n<p>It could be difficult if not impossible to manually optimize hundreds & thousands of images. You can automate the process by using any image optimizer similar to RabbitLoaderif you are on wordpress CMS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_use_appropriate_file_names\"><\/span>2) Use Appropriate File Names<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Filenames<\/strong> do not seem necessary but context is important for both accessibility and image optimization. <\/p>\n\n\n\n<p>You should use dashes instead of spaces. For instance- A-picture-of-an-island instead of a picture of an island. You should try to keep names that are appropriate to the imagery. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_optimize_your_lcp\"><\/span>3) Optimize Your LCP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To optimize your LCP score you have to shrink your video sizes. You should always be aware of the size of your background images.You would need to optimize your fonts completely.<\/p>\n\n\n\n<p><strong>Set-up page caching<\/strong> is also helpful in boosting your server response time remarkably and helps in improving the <strong><a href=\"https:\/\/rabbitloader.com\/articles\/largest-contentful-paint\/\">Largest Contentful Paint <\/a>(LCP). <\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"378\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Optimize-your-LCP.png\" alt=\"Optimize your LCP\" class=\"wp-image-1042\" style=\"width:744px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Optimize-your-LCP.png 768w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Optimize-your-LCP-300x148.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n<p>LCP presents a website\u2019s loading time. It calculates how fast the web page renders its largest elements as well as text blocks and images.<\/p>\n\n\n\n<p>It might become too messy & conflicting if you use a plugin or a tool for each of the optimization you need hence you should try an all in one optimization tool like <strong>RabbitLoader.<\/strong><\/p>\n\n\n\n<p>It is a cache-based speed optimization plugin to improve the LCP score of your website.<strong> RabbitLoader <\/strong>reduces the time it takes for a site to load its largest element through compression and caching technologies. It ensures that the largest content element is quickly visible on the user\u2019s screen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_deffer_irrelevant_css_or_javascript\"><\/span>4) Deffer Irrelevant CSS or JavaScript <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you are facing difficulty in improving Total Blocking Time (TBT) and <a href=\"https:\/\/rabbitloader.com\/articles\/time-to-interactive-tti\/\">Time To Interactive<\/a> (TTI), you need to check whether there is any irrelevant CSS or Javascript file available that is slowing down the rendering of the page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"507\" height=\"507\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization.png\" alt=\"Js and Css optimization\" class=\"wp-image-1049\" style=\"width:651px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization.png 507w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization-300x300.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization-150x150.png 150w\" sizes=\"auto, (max-width: 507px) 100vw, 507px\" \/><\/figure><\/div>\n\n\n<p><strong>RabbitLoader<\/strong> efficiently defers non-critical Javascript files, specifically those belonging to third-party services, and third-party plugins like chat widgets, pop-ups, analytics, and so on.<\/p>\n\n\n\n<p><strong>With the help of RabbitLoader, site owners look for better website performance, user engagement, and decreased page load times.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_reduce_unnecessary_plugins\"><\/span>5) Reduce Unnecessary Plugins<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>On platforms like WordPress & many other CMS\u2019s a large number of packages or plugins are available to improve the performance of your website, but as you keep installing the plugin to improve each aspect of performance they add up & start conflicting with each other & since you now have installed a lot of plugins those plugins would make the website even slower.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"288\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Uninstall-plugin.png\" alt=\"Uninstall plugin\" class=\"wp-image-1043\" style=\"width:725px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Uninstall-plugin.png 583w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Uninstall-plugin-300x148.png 300w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/figure><\/div>\n\n\n<p>Instead of using one plugin for image optimization and one for caching, try <strong><a href=\"https:\/\/wordpress.org\/plugins\/rabbit-loader\/\">RabbitLoader<\/a> <\/strong>.You do not need several plugins for caching, image size reduction, CSS, HTML, and Javascript minification, compression, and so on. You just need to install<strong> RabbitLoader<\/strong> and it will optimize your website in a few minutes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"final_thoughts\"><\/span>Final Thoughts <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Google Lighthouse provides operative insights to improve the user experience, accessibility, and overall performance. By recognizing the areas for improvement, you should evaluate your site for better user engagement, more successful online presence, and higher search rankings.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Document<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n }\n .main-card-for-some {\n background-color: #e9f3ff;\n border-radius: 0.375rem;\n height: 350px;\n width: 600px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .heading-card {\n font-size: 1.60rem;\n font-weight: 600;\n letter-spacing: 0.025em;\n line-height: 2rem;\n }\n .up-mt-1 {\n margin-top: 3.564587rem;\n margin-bottom: 2.75rem;\n }\n .btn-blue {\n font-size: 1rem;\n line-height: 1rem;\n font-weight: bold;\n background-color: rgb(37 99 235);\n color: white !important;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-top: 1rem;\n border-radius: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border: 0;\n text-decoration:none !important;\n }\n \n .btn-blue:hover{\n \tbackground-color: rgb(30 64 175);\n }\n\n .card-caption-body {\n display: flex;\n font-size: 0.75rem;\n line-height: 1rem;\n justify-content: space-evenly;\n margin-top: 1.5rem;\n font-weight: 300;\n column-gap:1.0rem;\n }\n\n .card-caption-text {\n display: flex;\n column-gap: 0.5rem;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n<main style=\"display:flex;justify-content:center;\">\n <div class=\"main-card-for-some\">\n <div>\n <p class=\"heading-card\">Get The Best PageSpeed Score <br>For Your WordPress Website<\/p>\n <div class=\"up-mt-1\">\n <a href=\"https:\/\/linke.to\/ke3PO\" class=\"btn-blue\">Install Now<\/a>\n <\/div>\n <div class=\"card-caption-body\">\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n All in One Optimization Plugin\n <\/div>\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n No Coding Knowledge Required\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/main>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility, performance, and SEO and recommends changes to improve them. Let\u2019s assume the Lighthouse is the speedometer of a car that not only shows the car’s speed but also shows suggestions to […]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[214],"tags":[207,208,60,144,205,204,202,203,57,200,201,206,210,209],"class_list":["post-1029","post","type-post","status-publish","format-standard","hentry","category-performance","tag-accessibility-audit","tag-best-practices-audit","tag-cls","tag-defer-jquery","tag-deffer-css","tag-deffer-js","tag-google-lighthouse","tag-image-optimize","tag-lcp","tag-lighthouse","tag-lighthouse-speed-test","tag-performance-audit","tag-progressive-web-app-pwa-audit","tag-seo-audit"],"yoast_head":"\n<title>Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance<\/title>\n<meta name=\"description\" content=\"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance\" \/>\n<meta property=\"og:description\" content=\"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\" \/>\n<meta property=\"og:site_name\" content=\"RabbitLoader\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-08T14:08:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-28T08:22:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg\" \/>\n<meta name=\"author\" content=\"Sonju Ghosh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sonju Ghosh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\",\"url\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\",\"name\":\"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance\",\"isPartOf\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg\",\"datePublished\":\"2024-01-08T14:08:23+00:00\",\"dateModified\":\"2024-09-28T08:22:25+00:00\",\"author\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53\"},\"description\":\"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility\",\"breadcrumb\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage\",\"url\":\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg\",\"contentUrl\":\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg\",\"width\":1200,\"height\":627},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rabbitloader.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lighthouse Speed Test : 5 Simple Tips on How to Improve Your Website’s Performance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/#website\",\"url\":\"https:\/\/rabbitloader.com\/articles\/\",\"name\":\"RabbitLoader\",\"description\":\"Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rabbitloader.com\/articles\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53\",\"name\":\"Sonju Ghosh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g\",\"caption\":\"Sonju Ghosh\"},\"url\":\"https:\/\/rabbitloader.com\/articles\/author\/sonjughosh\/\"}]}<\/script>\n","yoast_head_json":{"title":"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance","description":"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility","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:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","og_locale":"en_US","og_type":"article","og_title":"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance","og_description":"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility","og_url":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","og_site_name":"RabbitLoader","article_published_time":"2024-01-08T14:08:23+00:00","article_modified_time":"2024-09-28T08:22:25+00:00","og_image":[{"url":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg"}],"author":"Sonju Ghosh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sonju Ghosh","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","url":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","name":"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance","isPartOf":{"@id":"https:\/\/rabbitloader.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage"},"image":{"@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage"},"thumbnailUrl":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg","datePublished":"2024-01-08T14:08:23+00:00","dateModified":"2024-09-28T08:22:25+00:00","author":{"@id":"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53"},"description":"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility","breadcrumb":{"@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage","url":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg","contentUrl":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg","width":1200,"height":627},{"@type":"BreadcrumbList","@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rabbitloader.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Lighthouse Speed Test : 5 Simple Tips on How to Improve Your Website’s Performance"}]},{"@type":"WebSite","@id":"https:\/\/rabbitloader.com\/articles\/#website","url":"https:\/\/rabbitloader.com\/articles\/","name":"RabbitLoader","description":"Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rabbitloader.com\/articles\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53","name":"Sonju Ghosh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g","caption":"Sonju Ghosh"},"url":"https:\/\/rabbitloader.com\/articles\/author\/sonjughosh\/"}]}},"_links":{"self":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts\/1029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/comments?post=1029"}],"version-history":[{"count":10,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts\/1029\/revisions"}],"predecessor-version":[{"id":2966,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts\/1029\/revisions\/2966"}],"wp:attachment":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/media?parent=1029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/categories?post=1029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/tags?post=1029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

<\/div>\n\n\n\n\n\n\n \n \n Document<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n }\n .main-card-for-some {\n background-color: #e9f3ff;\n border-radius: 0.375rem;\n height: 350px;\n width: 600px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .heading-card {\n font-size: 1.60rem;\n font-weight: 600;\n letter-spacing: 0.025em;\n line-height: 2rem;\n }\n .up-mt-1 {\n margin-top: 3.564587rem;\n margin-bottom: 2.75rem;\n }\n .btn-blue {\n font-size: 1rem;\n line-height: 1rem;\n font-weight: bold;\n background-color: rgb(37 99 235);\n color: white !important;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-top: 1rem;\n border-radius: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border: 0;\n text-decoration:none !important;\n }\n \n .btn-blue:hover{\n \tbackground-color: rgb(30 64 175);\n }\n\n .card-caption-body {\n display: flex;\n font-size: 0.75rem;\n line-height: 1rem;\n justify-content: space-evenly;\n margin-top: 1.5rem;\n font-weight: 300;\n column-gap:1.0rem;\n }\n\n .card-caption-text {\n display: flex;\n column-gap: 0.5rem;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n<main style=\"display:flex;justify-content:center;\">\n <div class=\"main-card-for-some\">\n <div>\n <p class=\"heading-card\">Get The Best PageSpeed Score <br>For Your WordPress Website<\/p>\n <div class=\"up-mt-1\">\n <a href=\"https:\/\/linke.to\/ke3PO\" class=\"btn-blue\">Install Now<\/a>\n <\/div>\n <div class=\"card-caption-body\">\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n All in One Optimization Plugin\n <\/div>\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n No Coding Knowledge Required\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/main>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>The good thing about Lighthouse is that it not only shows you a report on all the important <strong><a href=\"https:\/\/rabbitloader.com\/articles\/core-web-vitals\/\">Core Web Vitals<\/a><\/strong> information. It also gives you actionable insights in just a few seconds to improve several site aspects like <strong>web accessibility and SEO. <\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"959\" height=\"384\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse.png\" alt=\"Core web Vitals Lighthouse\" class=\"wp-image-1031\" style=\"width:810px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse.png 959w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse-300x120.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Core-web-Vitals-Lighthouse-768x308.png 768w\" sizes=\"auto, (max-width: 959px) 100vw, 959px\" \/><\/figure>\n\n\n\n<p>It is very important to run a Lighthouse audit on your site to see specific performance weaknesses related to your site that negatively influence the user experience.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"unwrapping_the_lighthouse_speed_test_report_and_metrics\"><\/span>Unwrapping the Lighthouse Speed Test Report and Metrics<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Lighthouse checks your website and assigns it a score across five various categories.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_performance_audit\"><\/span>1. Performance Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>In this audit, Lighthouse calculates how fast a web page loads and how quickly it becomes interactive.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Document<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n }\n .main-card-for-some {\n background-color: #e9f3ff;\n border-radius: 0.375rem;\n height: 350px;\n width: 600px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .heading-card {\n font-size: 1.60rem;\n font-weight: 600;\n letter-spacing: 0.025em;\n line-height: 2rem;\n }\n .up-mt-1 {\n margin-top: 3.564587rem;\n margin-bottom: 2.75rem;\n }\n .btn-blue {\n font-size: 1rem;\n line-height: 1rem;\n font-weight: bold;\n background-color: rgb(37 99 235);\n color: white !important;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-top: 1rem;\n border-radius: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border: 0;\n text-decoration:none !important;\n }\n \n .btn-blue:hover{\n \tbackground-color: rgb(30 64 175);\n }\n\n .card-caption-body {\n display: flex;\n font-size: 0.75rem;\n line-height: 1rem;\n justify-content: space-evenly;\n margin-top: 1.5rem;\n font-weight: 300;\n column-gap:1.0rem;\n }\n\n .card-caption-text {\n display: flex;\n column-gap: 0.5rem;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n<main style=\"display:flex;justify-content:center;\">\n <div class=\"main-card-for-some\">\n <div>\n <p class=\"heading-card\">Get The Best PageSpeed Score <br>For Your WordPress Website<\/p>\n <div class=\"up-mt-1\">\n <a href=\"https:\/\/linke.to\/ke3PO\" class=\"btn-blue\">Install Now<\/a>\n <\/div>\n <div class=\"card-caption-body\">\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n All in One Optimization Plugin\n <\/div>\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n No Coding Knowledge Required\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/main>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>It presents your performance for the five-speed metrics mentioned below:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong><a href=\"https:\/\/rabbitloader.com\/articles\/first-contentful-paint\/\">First Contentful Paint<\/a> (FCP):<\/strong> FCP is a performance metric that calculates how fast a user can see the actual content on your page such as images, text, videos, and so on.<\/li>\n\n\n\n<li><strong>Largest Contentful Paint (LCP):<\/strong> LCP calculates the time it takes for the<strong> largest and most important visible element<\/strong> to load. It could be an image, a block of test or even a video on the page.<\/li>\n\n\n\n<li><strong>Cumulative Layout Shift (CLS): <\/strong>CLS calculates the shifts in the layout that take place during the loading of the webpage, it calculates the stability & predictability of the elements within the webpage. <\/li>\n\n\n\n<li><strong><a href=\"https:\/\/wp-rocket.me\/lighthouse-performance-score-wordpress\/improve-speed-index\/\">Speed Index<\/a> (SI):<\/strong> Speed Index is a page load performance metric that displays how fast the contents of a page are visible to the users. It is the average time at which the visible sections of the page are shown.<\/li>\n\n\n\n<li><strong><a href=\"https:\/\/rabbitloader.com\/articles\/total-blocking-time\/\">Total Blocking Time<\/a> (TBT):<\/strong> It evaluates the page\u2019s load responsiveness to user input. It is useful to remove your FID score in lab data. They both calculate different things i.e. user input and user interaction but by upgrading TBT you simply improve FID which is a Core Web Vitals. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"715\" height=\"632\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Performence-audit.png\" alt=\"Performence audit\" class=\"wp-image-1035\" style=\"width:536px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Performence-audit.png 715w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Performence-audit-300x265.png 300w\" sizes=\"auto, (max-width: 715px) 100vw, 715px\" \/><\/figure><\/div>\n\n\n<p>Lighthouse provides an overall performance score for all these metrics based on your page performance. The score should be anything between 0 to 100.<\/p>\n\n\n\n<p>If the score is anything between 90 and 100 it means your page is effectively optimized for user experience. A score below 90 needs some improvement in your performance for which Lighthouse provides suggestions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_accessibility_audit\"><\/span>2. Accessibility Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Lighthouse\u2019s accessibility test evaluates how well the users who use assistive technology are capable of using your website. It looks at elements including links and buttons to check if they are appropriately described.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"660\" height=\"617\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Accessibility-1.png\" alt=\"Accessibility Audit\" class=\"wp-image-1036\" style=\"width:602px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Accessibility-1.png 660w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Accessibility-1-300x280.png 300w\" sizes=\"auto, (max-width: 660px) 100vw, 660px\" \/><\/figure><\/div>\n\n\n<p>The accessibility score connects to<strong> how usable<\/strong> your website is for all users, in all their diversity.<\/p>\n\n\n\n<p>It also analyzes site images to check whether alt text is present or not. It is required for users with poor vision to understand what the image is all about while using a screen reader.<\/p>\n\n\n\n<p>Like the performance report, the accessibility report also provides you with a score out of 100. It also provides recommendations to improve your overall accessibility.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_best_practices_audit\"><\/span>3. Best Practices Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>This audit checks whether your page is created on the latest standards of web development. Additionally, it conducts a brief audit of generally approved best practices for web development. Lighthouse examines whether:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The page is free from all browser errors.<\/li>\n\n\n\n<li>If your website is using a secure connection, such as HTTPS<\/li>\n\n\n\n<li>The page allows users to paste passwords in the password section or allows the usage of password managers.<\/li>\n\n\n\n<li>If the page has a valid source map.<\/li>\n\n\n\n<li>The page developed a good user experience or UX by preventing geolocation and notification permission requests on page load.<\/li>\n\n\n\n<li>All JavaScript libraries are protected and free from any vulnerabilities and so on. <\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"638\" height=\"548\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Best-practice.png\" alt=\"Best practice\" class=\"wp-image-1033\" style=\"width:733px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Best-practice.png 638w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Best-practice-300x258.png 300w\" sizes=\"auto, (max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n<p>All the above-mentioned audit factors provide you with a score out of 100. The report on best practices also highlights some particular elements that need your attention to improve the score.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_seo_audit\"><\/span>4. SEO Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Lighthouse assesses the SEO of a website by considering elements such as structured data, meta tags, and headings. It checks if your page has valid structured data or not, whether your page is mobile-friendly, and so on. It then provides a score out of 100.<\/p>\n\n\n\n<p>It gives suggestions to enhance the search engine visibility of your website which is essential to operate organic traffic.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1200\" height=\"855\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image.png\" alt=\"\" class=\"wp-image-1052\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image.png 1200w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image-300x214.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image-1024x730.png 1024w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/image-768x547.png 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_progressive_web_app_pwa_audit\"><\/span>5. Progressive Web App (PWA) Audit<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>The last section of the Lighthouse metrics is PWA. It checks whether the site meets the standard of <a href=\"https:\/\/www.educative.io\/answers\/how-to-perform-a-pwa-performance-auditing\">Progressive Web App<\/a> to provide an excellent user experience.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"685\" height=\"611\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/PWA.png\" alt=\"PWA audit\" class=\"wp-image-1038\" style=\"width:638px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/PWA.png 685w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/PWA-300x268.png 300w\" sizes=\"auto, (max-width: 685px) 100vw, 685px\" \/><\/figure><\/div>\n\n\n<p>The PWA audit measures whether your web app is <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Installable<\/strong> on various devices and contains features such as push notifications and offline functionality.<\/li>\n\n\n\n<li><strong>Reliable and fast <\/strong>on mobile networks and provides offline functionality.<\/li>\n\n\n\n<li><strong>PWA-optimized<\/strong> by configuring a custom splash screen, redirecting HTTP traffic to HTTPS, and more.<\/li>\n<\/ul>\n\n\n\n<p>The test runs your website against these audit factors and represents one of the PWA badges. It also provides recommendations to improve the overall PWA performance.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"how_to_test_speed_and_performance_using_google_lighthouse\"><\/span>How to Test Speed and Performance using Google Lighthouse<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are a few tools that can run a Lighthouse audit on the website. If you wish to avoid installing an extension or running a command, you need to use the web.dev or Chrome DevTools. Let\u2019s take a look at the instructions for each one of them:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_chrome_devtools\"><\/span>1. Chrome DevTools<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To run a report in Chrome you need to go through these steps:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First, you need to open Google Chrome in incognito mode.<\/li>\n\n\n\n<li>Then you have to navigate to the website you want to run the audit on.<\/li>\n\n\n\n<li>After that, you should Right Click anywhere on the page and then click <strong>Inspect<\/strong>.<\/li>\n\n\n\n<li>Then you should look for the tab called <strong>Lighthouse<\/strong> which seems invisible as it is hidden behind the arrows at the top of the developer tools section.<\/li>\n\n\n\n<li>As soon as you reach here you must click <strong>Generate Report<\/strong> to see the complete Lighthouse Audit. Please note that it may take a minute or two for the audit to show the report.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"844\" height=\"460\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse.png\" alt=\"Chrome-dev-tools-lighthouse\" class=\"wp-image-1039\" style=\"width:829px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse.png 844w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse-300x164.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Chrome-dev-tools-lighthouse-768x419.png 768w\" sizes=\"auto, (max-width: 844px) 100vw, 844px\" \/><\/figure><\/div>\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_pagespeedwebdev\"><\/span>2. <a href=\"https:\/\/pagespeed.web.dev\/\">Pagespeed.Web.Dev<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>An easier way to audit a web page with Lighthouse is pagespeed.web.dev. It is a browser-based tool where you need to enter the URL of your website.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"887\" height=\"630\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_.png\" alt=\"web.dev\" class=\"wp-image-1055\" style=\"width:862px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_.png 887w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_-300x213.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Web.dev1_-768x545.png 768w\" sizes=\"auto, (max-width: 887px) 100vw, 887px\" \/><\/figure>\n\n\n\n<p>As soon as the audit is finished, Lighthouse presents you with a detailed report. Note that it does not provide two separate reports for desktop or mobile, so you can see only one analytics report. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_chrome_extension\"><\/span>3. Chrome Extension<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Another popular way to run an audit on the website is Chrome Extension. You need to install the <strong><a href=\"https:\/\/developer.chrome.com\/docs\/lighthouse\/overview\">Lighthouse Chrome Extension<\/a> <\/strong>on your Chrome browser. After that, you should visit the web page you want to test. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"906\" height=\"467\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension.png\" alt=\"Lighthouse chrome extension\" class=\"wp-image-1040\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension.png 906w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension-300x155.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Lighthouse-chrome-extension-768x396.png 768w\" sizes=\"auto, (max-width: 906px) 100vw, 906px\" \/><\/figure><\/div>\n\n\n<p>Open the Chrome Extension menu and click on the<strong> Lighthouse<\/strong> symbol. Click on Generate Report to perform the audit. After that, it presents you with a detailed report.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_simple_hacks_to_improve_pagespeed_score_in_google_lighthouse\"><\/span>5 Simple Hacks to Improve Pagespeed Score in Google Lighthouse<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>There are various ways to improve your Lighthouse performance on your website. Now take a look at some of them to provide you a taste of how you can upgrade the Lighthouse metrics: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"1_optimize_your_images\"><\/span>1) Optimize Your Images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>By compressing every photo you can <strong><a href=\"https:\/\/wpengine.com\/resources\/optimize-images-for-web\/\">optimize your images<\/a><\/strong>. Images are required to be responsive and scaled to the screen size. The images should have SEO-friendly titles, alt texts, and alt descriptions. <\/p>\n\n\n\n<p>Adding alt text and descriptions provides screen readers with an easy way to represent imagery for people with no vision. This performance connected them to a long list of audits completed for Lighthouse\u2019s Accessibility score. <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"505\" height=\"434\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Image-Optimization.png\" alt=\"Image Optimization\" class=\"wp-image-1050\" style=\"width:638px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Image-Optimization.png 505w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Image-Optimization-300x258.png 300w\" sizes=\"auto, (max-width: 505px) 100vw, 505px\" \/><\/figure><\/div>\n\n\n<p>They also give context to site crawlers. Thus, this optimization enhances both SEO and Accessibility scores.<\/p>\n\n\n\n<p>It could be difficult if not impossible to manually optimize hundreds & thousands of images. You can automate the process by using any image optimizer similar to RabbitLoaderif you are on wordpress CMS.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"2_use_appropriate_file_names\"><\/span>2) Use Appropriate File Names<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p><strong>Filenames<\/strong> do not seem necessary but context is important for both accessibility and image optimization. <\/p>\n\n\n\n<p>You should use dashes instead of spaces. For instance- A-picture-of-an-island instead of a picture of an island. You should try to keep names that are appropriate to the imagery. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"3_optimize_your_lcp\"><\/span>3) Optimize Your LCP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>To optimize your LCP score you have to shrink your video sizes. You should always be aware of the size of your background images.You would need to optimize your fonts completely.<\/p>\n\n\n\n<p><strong>Set-up page caching<\/strong> is also helpful in boosting your server response time remarkably and helps in improving the <strong><a href=\"https:\/\/rabbitloader.com\/articles\/largest-contentful-paint\/\">Largest Contentful Paint <\/a>(LCP). <\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"378\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Optimize-your-LCP.png\" alt=\"Optimize your LCP\" class=\"wp-image-1042\" style=\"width:744px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Optimize-your-LCP.png 768w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Optimize-your-LCP-300x148.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/figure><\/div>\n\n\n<p>LCP presents a website\u2019s loading time. It calculates how fast the web page renders its largest elements as well as text blocks and images.<\/p>\n\n\n\n<p>It might become too messy & conflicting if you use a plugin or a tool for each of the optimization you need hence you should try an all in one optimization tool like <strong>RabbitLoader.<\/strong><\/p>\n\n\n\n<p>It is a cache-based speed optimization plugin to improve the LCP score of your website.<strong> RabbitLoader <\/strong>reduces the time it takes for a site to load its largest element through compression and caching technologies. It ensures that the largest content element is quickly visible on the user\u2019s screen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"4_deffer_irrelevant_css_or_javascript\"><\/span>4) Deffer Irrelevant CSS or JavaScript <span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>If you are facing difficulty in improving Total Blocking Time (TBT) and <a href=\"https:\/\/rabbitloader.com\/articles\/time-to-interactive-tti\/\">Time To Interactive<\/a> (TTI), you need to check whether there is any irrelevant CSS or Javascript file available that is slowing down the rendering of the page.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"507\" height=\"507\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization.png\" alt=\"Js and Css optimization\" class=\"wp-image-1049\" style=\"width:651px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization.png 507w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization-300x300.png 300w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Js-and-Css-optimization-150x150.png 150w\" sizes=\"auto, (max-width: 507px) 100vw, 507px\" \/><\/figure><\/div>\n\n\n<p><strong>RabbitLoader<\/strong> efficiently defers non-critical Javascript files, specifically those belonging to third-party services, and third-party plugins like chat widgets, pop-ups, analytics, and so on.<\/p>\n\n\n\n<p><strong>With the help of RabbitLoader, site owners look for better website performance, user engagement, and decreased page load times.<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"5_reduce_unnecessary_plugins\"><\/span>5) Reduce Unnecessary Plugins<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>On platforms like WordPress & many other CMS\u2019s a large number of packages or plugins are available to improve the performance of your website, but as you keep installing the plugin to improve each aspect of performance they add up & start conflicting with each other & since you now have installed a lot of plugins those plugins would make the website even slower.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"583\" height=\"288\" src=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Uninstall-plugin.png\" alt=\"Uninstall plugin\" class=\"wp-image-1043\" style=\"width:725px;height:auto\" srcset=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Uninstall-plugin.png 583w, https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/01\/Uninstall-plugin-300x148.png 300w\" sizes=\"auto, (max-width: 583px) 100vw, 583px\" \/><\/figure><\/div>\n\n\n<p>Instead of using one plugin for image optimization and one for caching, try <strong><a href=\"https:\/\/wordpress.org\/plugins\/rabbit-loader\/\">RabbitLoader<\/a> <\/strong>.You do not need several plugins for caching, image size reduction, CSS, HTML, and Javascript minification, compression, and so on. You just need to install<strong> RabbitLoader<\/strong> and it will optimize your website in a few minutes.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"final_thoughts\"><\/span>Final Thoughts <span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>Google Lighthouse provides operative insights to improve the user experience, accessibility, and overall performance. By recognizing the areas for improvement, you should evaluate your site for better user engagement, more successful online presence, and higher search rankings.<\/p>\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Document<\/title>\n <style>\n body {\n font-family: Arial, Helvetica, sans-serif;\n }\n .main-card-for-some {\n background-color: #e9f3ff;\n border-radius: 0.375rem;\n height: 350px;\n width: 600px;\n text-align: center;\n display: flex;\n justify-content: center;\n align-items: center;\n }\n .heading-card {\n font-size: 1.60rem;\n font-weight: 600;\n letter-spacing: 0.025em;\n line-height: 2rem;\n }\n .up-mt-1 {\n margin-top: 3.564587rem;\n margin-bottom: 2.75rem;\n }\n .btn-blue {\n font-size: 1rem;\n line-height: 1rem;\n font-weight: bold;\n background-color: rgb(37 99 235);\n color: white !important;\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n margin-top: 1rem;\n border-radius: 0.25rem;\n padding-top: 0.75rem;\n padding-bottom: 0.75rem;\n border: 0;\n text-decoration:none !important;\n }\n \n .btn-blue:hover{\n \tbackground-color: rgb(30 64 175);\n }\n\n .card-caption-body {\n display: flex;\n font-size: 0.75rem;\n line-height: 1rem;\n justify-content: space-evenly;\n margin-top: 1.5rem;\n font-weight: 300;\n column-gap:1.0rem;\n }\n\n .card-caption-text {\n display: flex;\n column-gap: 0.5rem;\n align-items: center;\n }\n <\/style>\n<\/head>\n<body>\n<main style=\"display:flex;justify-content:center;\">\n <div class=\"main-card-for-some\">\n <div>\n <p class=\"heading-card\">Get The Best PageSpeed Score <br>For Your WordPress Website<\/p>\n <div class=\"up-mt-1\">\n <a href=\"https:\/\/linke.to\/ke3PO\" class=\"btn-blue\">Install Now<\/a>\n <\/div>\n <div class=\"card-caption-body\">\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n All in One Optimization Plugin\n <\/div>\n <div class=\"card-caption-text\">\n <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" x=\"0px\" y=\"0px\" width=\"10\" height=\"10\" viewBox=\"0,0,256,256\">\n <g fill=\"#007CFE\" fill-rule=\"nonzero\" stroke=\"none\" stroke-width=\"1\" stroke-linecap=\"butt\" stroke-linejoin=\"miter\" stroke-miterlimit=\"10\" stroke-dasharray=\"\" stroke-dashoffset=\"0\" font-family=\"none\" font-weight=\"none\" font-size=\"none\" text-anchor=\"none\" style=\"mix-blend-mode: normal\"><g transform=\"scale(8.53333,8.53333)\"><path d=\"M26.98047,5.99023c-0.2598,0.00774 -0.50638,0.11632 -0.6875,0.30273l-15.29297,15.29297l-6.29297,-6.29297c-0.25082,-0.26124 -0.62327,-0.36647 -0.97371,-0.27511c-0.35044,0.09136 -0.62411,0.36503 -0.71547,0.71547c-0.09136,0.35044 0.01388,0.72289 0.27511,0.97371l7,7c0.39053,0.39037 1.02353,0.39037 1.41406,0l16,-16c0.29576,-0.28749 0.38469,-0.72707 0.22393,-1.10691c-0.16075,-0.37985 -0.53821,-0.62204 -0.9505,-0.60988z\"><\/path><\/g><\/g>\n <\/svg>\n No Coding Knowledge Required\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/main>\n<\/body>\n<\/html>\n\n\n\n\n\n\n<div style=\"height:25px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility, performance, and SEO and recommends changes to improve them. Let\u2019s assume the Lighthouse is the speedometer of a car that not only shows the car’s speed but also shows suggestions to […]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[214],"tags":[207,208,60,144,205,204,202,203,57,200,201,206,210,209],"class_list":["post-1029","post","type-post","status-publish","format-standard","hentry","category-performance","tag-accessibility-audit","tag-best-practices-audit","tag-cls","tag-defer-jquery","tag-deffer-css","tag-deffer-js","tag-google-lighthouse","tag-image-optimize","tag-lcp","tag-lighthouse","tag-lighthouse-speed-test","tag-performance-audit","tag-progressive-web-app-pwa-audit","tag-seo-audit"],"yoast_head":"\n<title>Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance<\/title>\n<meta name=\"description\" content=\"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance\" \/>\n<meta property=\"og:description\" content=\"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility\" \/>\n<meta property=\"og:url\" content=\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\" \/>\n<meta property=\"og:site_name\" content=\"RabbitLoader\" \/>\n<meta property=\"article:published_time\" content=\"2024-01-08T14:08:23+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-28T08:22:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg\" \/>\n<meta name=\"author\" content=\"Sonju Ghosh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sonju Ghosh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\",\"url\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\",\"name\":\"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance\",\"isPartOf\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg\",\"datePublished\":\"2024-01-08T14:08:23+00:00\",\"dateModified\":\"2024-09-28T08:22:25+00:00\",\"author\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53\"},\"description\":\"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility\",\"breadcrumb\":{\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage\",\"url\":\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg\",\"contentUrl\":\"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg\",\"width\":1200,\"height\":627},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/rabbitloader.com\/articles\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Lighthouse Speed Test : 5 Simple Tips on How to Improve Your Website’s Performance\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/#website\",\"url\":\"https:\/\/rabbitloader.com\/articles\/\",\"name\":\"RabbitLoader\",\"description\":\"Blog\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/rabbitloader.com\/articles\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53\",\"name\":\"Sonju Ghosh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g\",\"caption\":\"Sonju Ghosh\"},\"url\":\"https:\/\/rabbitloader.com\/articles\/author\/sonjughosh\/\"}]}<\/script>\n","yoast_head_json":{"title":"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance","description":"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility","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:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","og_locale":"en_US","og_type":"article","og_title":"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance","og_description":"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility","og_url":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","og_site_name":"RabbitLoader","article_published_time":"2024-01-08T14:08:23+00:00","article_modified_time":"2024-09-28T08:22:25+00:00","og_image":[{"url":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg"}],"author":"Sonju Ghosh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Sonju Ghosh","Est. reading time":"12 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","url":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/","name":"Lighthouse Speed Test 5 Simple Tips on How to Improve Your Website's Performance","isPartOf":{"@id":"https:\/\/rabbitloader.com\/articles\/#website"},"primaryImageOfPage":{"@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage"},"image":{"@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage"},"thumbnailUrl":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2-1024x535.jpg","datePublished":"2024-01-08T14:08:23+00:00","dateModified":"2024-09-28T08:22:25+00:00","author":{"@id":"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53"},"description":"Google Lighthouse is a free tool that helps you analyze the quality of web pages on your website. It audits your pages for accessibility","breadcrumb":{"@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#primaryimage","url":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg","contentUrl":"https:\/\/rabbitloader.com\/articles\/wp-content\/uploads\/2024\/02\/Lighthouse-speed-test-2.jpg","width":1200,"height":627},{"@type":"BreadcrumbList","@id":"https:\/\/rabbitloader.com\/articles\/lighthouse-speed-test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/rabbitloader.com\/articles\/"},{"@type":"ListItem","position":2,"name":"Lighthouse Speed Test : 5 Simple Tips on How to Improve Your Website’s Performance"}]},{"@type":"WebSite","@id":"https:\/\/rabbitloader.com\/articles\/#website","url":"https:\/\/rabbitloader.com\/articles\/","name":"RabbitLoader","description":"Blog","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/rabbitloader.com\/articles\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/989c1fc1b0731c57624806de5cd06e53","name":"Sonju Ghosh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/rabbitloader.com\/articles\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/37a146825d7595a4e9fca725ff2443352018eda63918beb14f6b640dfb26c282?s=96&d=mm&r=g","caption":"Sonju Ghosh"},"url":"https:\/\/rabbitloader.com\/articles\/author\/sonjughosh\/"}]}},"_links":{"self":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts\/1029","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/comments?post=1029"}],"version-history":[{"count":10,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts\/1029\/revisions"}],"predecessor-version":[{"id":2966,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/posts\/1029\/revisions\/2966"}],"wp:attachment":[{"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/media?parent=1029"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/categories?post=1029"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/rabbitloader.com\/articles\/wp-json\/wp\/v2\/tags?post=1029"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}