For those who do not (yet) know Google Lighthouse, this content is for you! In addition, it is free just like the tool. And more interesting and attractive: it offers the possibility of filtering test conditions. Details on this Google tool, its use and all its features. Google Lighthouse, or simply Lighthouse, is a measurement and analysis tool. It takes into account several criteria and gives areas for improving performance. Thanks to its filters and accessible test conditions, the analysis is even more relevant and realistic. Lighthouse tells you how fast your site is loading and helps you determine if your code is slowing down your web performance. It offers detailed and precise information on each element analyzed and always offers recommendations to follow.
The tool is able to analyze key indicators to improve the user experience (UX), namely: site performance accessibility the usual good Brazil Email List practices of excellence the SEO (SEO) as well as the performance of progressive web applications (Progressive Web APP, abbreviated PWA) The provision of the tool is a real way to help site administrators to respect Google standards and have the best possible performance. Lighthouse is a Google tool with three alternatives for using it: First possibility Use the Chrome browser and install the Lighthouse extension, then test the websites you visit. By going to the extension icon (an orange lighthouse) in the taskbar, you just have to click on “generate report”: you then have access to the performance of the site after the analysis made by the tool.
What is Google Lighthouse?
screenshot of lighthouse generate report Second alternative Use Google DevTools, but how? Nothing’s easier ! Take for example, the AntheDesign site: I enter the url of the site is in my Google Chrome search bar I click at the top right on the bullet list then on “More tools” then “Development tools” and you arrive at this: Screenshot of lighthouse via google devtools If not, that’s okay. I’ll give you a tip “shortcut” Ctrl Shift I . Are you in the right place? There’s just ! Third way Use PageSpeed Insights . Enter the url to analyze on this tool and simply click on “Analyze”. You will have access to data collected by Lighthouse from PSI. The performances and analyzes carried out by Google Lighthouse Lighthouse analyzes several elements and performances.
Each criterion has a score between 1 and 100; depending on the score, a color is associated with it: from 0 to 49, the color is red from 50 to 89, the color is orange and from 90 to 100, the color is green To access a particular section, click directly (example below) on the score at the top of the page to go to the part that interests you. results by clicking on accessibility It is also possible to consult the audits carried out by the tool and to know what is working, or not, on your website. Google Lighthouse sifts through 5 criteria; a bit like “We have the means to make you speak!” ” . Do you have the ref? 1 | Site performance This section is the most important and detailed of the tool. Lighthouse analyzes site speed and controls the display of loaded items.
How to use Lighthouse on a daily basis?
It is based on 6 criteria, the last 2 of which are decisive Core Web Vitals : the First Contentful Paint . It indicates the loading time of a page or an image … the Speed Index . The speed rating determines how long it takes for content to fully load. It is expressed in seconds and the faster it is the better the Time to Interactive . This is the time it takes for the page to be fully interactive, it is expressed in seconds and is considered fast between 0 and 3.8 seconds the Total Blocking Time . It measures the time that a page remains blocked before reacting to the interaction of the Internet user. This time must be very low, between 0 and 200 milliseconds the Largest Contentful Paint (LCP).
This is page performance, it measures loading performance and should be less than 2.5 seconds the Cumulative Layout Shift ( CLS ). This is the stability of the page, or visual stability, it quantifies the layout changes undergone by the Internet user and must be less than 0.1 Beyond these criteria, the tool gives suggestions for improvement to reduce the loading time of its site, compress images, reduce the JS or to modify too heavy resources that block the site. 2 | The performance of progressive web applications Known in English as the Progressive Web APP or PWA, these applications are analyzed by Lighthouse. For webmasters, this PWA analysis is the most popular asset.