Lighthouse

Lighthouse Tool Web Testing Software is a very useful tool for checking site performance. There are various tools to check the performance of a site, Lighthouse is one of them. This tool was created as an extension for installing on Google Chrome. This plugin is very easy to work with and can improve website performance.

Lighthouse is an open-source tool designed to improve the quality of web pages. You can run this tool for any website. You can also run Lighthouse on Chrome DevTools or install it as an extension in the Chrome browser.
Chrome DevTools includes a suite of web developer tools that run directly on the Google Chrome browser. DevTools can help you diagnose problems quickly. Ultimately it helps you to quickly create a better website and make it public.
Lighthouse makes the necessary reviews and then reports on how the page works. The resulting report reviews all the important issues and assigns a score to each. It also describes methods for correcting all cases.

Website quality testing

Site quality testing is easy with Lighthouse tools. The Lighthouse tool examines ten important SEO metrics. The tool is not large in size and dimensions and as it is said it can be easily installed on the Chrome browser. The ten criteria that this plugin examines include the following.

  • Meta tag
  • HTTP status code
  • Viewport
  • page title
  • Meta description
  • Descriptive text on links
  • Review status and index of pages on Google
  • Hreflang Reviews
  • Rel = canonical review
  • Check the website font and its compatibility with mobile devices
  • Accessibility of browser plugins to site pages

Ignoring the Lighthouse tool may not be very important, but it does look at ten important metrics on your website. Since these metrics are very important to Google, I recommend you do not underestimate this tool and get help with analyzing your website.

Test site speed with Google

Google Speed ​​Testing requires a tool that Lighthouse is one of these tools. To use this tool you first need to install this plug-in tool on the Google Chrome browser and then follow the other steps. To install this extension on Google Chrome, first, click on the three-dot icon at the top right of the browser. After clicking on the three dots, select More Tools and then click Extensions. The process is illustrated in the following figure.

lighthouse

You can enter the chrome: // extensions address in the Chrome browser instead of following these steps. After logging into the WordPress Plugins page from the left menu, click Open chrome Web Store. In the search box, enter the name of the extension, which is Lighthouse.

Image associée

Now in the list of plugins you see, select the lighthouse and click Add to Chrome. After clicking the following window will open for you that you have to click on Add extension again.

Résultat de recherche d'images pour

After adding the plugin you will see that the plugin has been added to the top bar of Google Chrome.

Complete Website Analysis

Complete website analysis with the Lighthouse plugin is easy. Just search the address of the site you are trying to analyze in the Chrome browser. Once logged in, click on the Lighthouse icon in the address bar. You will see both Options and Generate reports. Click on the Generate report, you will see that after a few seconds the report will be displayed in a new tab. For example, we have entered poonehmedia.com.
The plugin shows potential problems for your website. As you can see in the figure below, each score is assigned a maximum score of 100 after the rating. You can download the provided report in different formats by clicking the three dots above and to the right. You can also view reports on that section by clicking on any button. In each category, reviews are made based on whether or not the factors are successful. You can see which ones have been successful and which ones have failed and check out the details of each.

Résultat de recherche d'images pour

Lighthouse website review results

The results of the website survey by Lighthouse are divided into 5 categories, which we will explain in detail below.

  • Performance
  • Accessibility
  • Best practices
  • SEO or SEO
  • PWA or advanced web application features

Check out the Lighthouse Tool Performance section

In the performance section, there are several important options to consider.

First Meaningful Paint: The period when the first meaningful content of the site is displayed. The shorter this time, the faster the site will display.
Time to Interactive: The time it takes for a site to interact with a user and be able to respond to user input. The lower the value, the better.
Speed ​​Index: The speed index refers to the time it is allocated to the visible parts of the site. The lower the value, the better. According to Google’s recommendation, this time should be less than 1250 milliseconds.
First CPU Idle: The first time the required page scripts are loaded and the CPU can handle most user input.
Time to Interactive: The time it takes for the page to interact. The purpose of the page is to interact, to display useful content.
Max Potential First Input Delay: The maximum delay that users feel.
Opportunities: shows you options that can optimize your page load speed by optimizing them. Things, like removing unused CSS, compressing images, and compressing text, are considered.
DiagnosticsProvides you with more information about how your site performs. These numbers do not directly affect the performance score. Critical Request Chains, for example, specify what resources are needed in the first rendering.

Check the Lighthouse tool accessibility section

The accessibility section analyzes the capability of reading and reviewing backup technologies to work on the page. The use of ARIA methods and element properties is an example.
In the accessibility section, you need to make sure your site is accessible to a large number of users. This section offers opportunities to improve your website. One of the features of ARIA is providing enough metadata for readers. You have to make sure you use the right semantic elements, optimize the images, and so on.
Because you can’t fully analyze all the accessibility features, I recommend manually check it.

Check out the Lighthouse Tool Best Practices section

In this section, the Lighthouse tool offers tips on how to modernize your page so that you can fix potential performance issues. HTTPS and cache are shown in this section. Best practices, for example, are part of successful and unsuccessful cache tests.

Check out the SEO section of Lighthouse Tools

The new feature added to Lighthouse and the last part of Lighthouse is the SEO feature. One of the most important activities that should be done on a website is site optimization. Make sure search engines like Google and Bing can index your web pages and include them in the search results Display.
This section examines the website for meta descriptions, responsiveness, canonical tags, page titles, alt tags, and indexing capability.

Check out the Seo PWA Lighthouse Tool

The PWA section contains Google’s design guidelines and guidelines. In this section, successful and unsuccessful factors are reviewed manually. Some of the factors considered by the PWA include loading speed, loading content in the viewport, using HTTPS, and HTTP redirect to HTTPS.

Lighthouse Frequently Asked Questions

Can Lighthouse be configurable?
Yes. You can remove some features or add some features when analyzing.
Are the results sent to the remote server?
The Lighthouse answer is no. The analysis is performed locally and locally and performs the analysis using the version installed on the Chrome browser. Report results are never processed or beaconed to a remote server.
Is Lighthouse applicable to all sites?
Yes. With Lighthouse you can analyze every site even competitors site

Conclusion
Now, with the Lighthouse Chrome plug-in in use, you don’t need to use many other tools to test and test your website’s performance. This tool is a great tool for web developers and it can help you to improve your website.

Advanced SEO

how to do website advanced SEO?

preface Advanced SEO is the most common keywords now for search view. Here in this post, we talk about SEO and Advanced SEO techniques and especially about google my business …

how to do website advanced SEO? Read More »

how to use google seo tools – Part 1 – introducing ligthhouse

Preface Here’s an open secret for anyone starting a website: Google loves SEO. It makes their job easier. They provide free Starter Guides To SEO. They provide a very deep …

how to use google seo tools – Part 1 – introducing ligthhouse Read More »