CAPABILITY GENERATOR

LambdaTestAutomation Testing ● View Lighthouse Performance Metrics Using Online Selenium Grid

View Lighthouse Performance Metrics Using Online Selenium Grid


LambdaTest now integrates Lighthouse to view the performance metrics (Lighthouse Audits) on its online cloud based Selenium Grid. You can now view the scores of:

  • Performance,
  • Accessibility,
  • Best Practices,
  • SEO, and
  • Progressive Web App

metrics with the help of LambdaTest. LambdaTest also allows you to perform cross-browser testing on 2000+ combinations of real devices, browsers and operating systems.

Note: This service is in the Beta phase, and as of now LambdaTest supports Lighthouse only for macOS Catalina on Google Chrome browser versions 75.0+ (i.e. version 75 and above).

Prerequisites


You will need a LambdaTest account to run your tests on its cloud based online Selenium Grid. Use your:

  • LambdaTest Username
  • LambdaTest Access Key

to run your tests on LambdaTest and view the Lighthouse performance metrics.

How To Include Lighthouse Performance Metrics In Selenium Automation?


You can easily add the lighthouse performance metrics of the website you want to test, using the Desired Capabilities. Use the Performance feature of the Desired Capabily Generator in order to do so.

For example, if you are using TestNG for Selenium Automation on LambdaTest, you can include the lighthouse performance feature with the help of below code snippet:

Below is a screenshot showing the code snippet to trigger the Lighthouse performance metrics on LambdaTest in MacOS Catalina with Google Chrome browser version 86.0.

How To View Lighthouse Performance On LambdaTest?


Once you have run your selenium automation tests on LambdaTest platform, you can view the Lighthouse performance metrics on the website under test. Follow the below steps to view the Lighthouse performance metrics on LambdaTest platform:

  1. Go to the Automation Dashboard. Here you can see your recently executed Selenium automation tests. For this demo purpose, we have used a sample TestNG script, from this Github repository.

  2. Click on the test which in which you have activated the Lighthouse performance feature, as shown above.

  3. Click on the Performace tab.
  4. You can see the Lighthouse performance metrics on your screen now, for the website under test. For example, in the below image, the website under test is https://lambdatest.github.io/sample-todo-app/, which we have used for our demo purpose.
  5. Click on any of the metrics to know about it in detail, along with the individual factors score. For example, upon clicking on Performance metric, its details gets open.

Similarly, you can click on any performance metrics to view it in detail. Not only this, but LambdaTest also helps you view the Passed Audits, individual metrics, detailed diagnosis, and improvement opportunities about that particular Lighthouse Audit.


Thats it folks! That’s all about the Lighthouse Performance Metrics with LambdaTest. You can read more about the Lighthouse Audits and Performace Metrics from here. If you have any doubt or questions, feel free to contact our experts at 24/7 chat support or mail us at support@lambdatest.com. Happy testing! 🙂