Blog Integration Guides

How To Use Website Audit Tool Lighthouse in QA Touch?

Premnath M Premnath M | Last updated: June 17, 2024 |

We are pleased to announce our community that QA Touch is now integrated with Lighthouse Performance Tool.

Lighthouse is an open-source automated tool by google, used for improving the quality of web pages. Lighthouse audits any web page, public, or requiring authentication. Lighthouse performs audits for performance, accessibility, progressive web apps, SEO and more

QA Touch has a suite of other integrations JIRA, JIRA Server, Slack, GitHub, GitLab, Bitbucket, Trello, Assembla, Bugzilla, QA Touch API, Youtrack, Redmine

QA Touch & Lighthouse will audit your website in the following categories, store the audit results in the QA Touch server, and you can download HTML files at any time.

  • Performance
    Audits for metrics of the business-critical applications like time taken by the site to load.
  • Best Practices
    Examines for identifying the best practices in every single aspect from HTTPS usage to correct image aspect ratios.
  • SEO
    Checks for best practices to ensure your site is discoverable.
  • Accessibility
    Checks for common accessibility issues that may block the users from accessing your content.

The performance recommendations from Lighthouse are below:

  1. Reduce render-blocking resources
  2. Serve images in next-gen formats
  3. Enable text compression
  4. Defer unused CSS
  5. Ensure text remains visible during Webfont loading
  6. Use efficient cache policy on static assets
  7. Improve the Critical Rendering Path (CRP)
  8. Avoid oversized images
  9. Delay load of offscreen images
  10. Minify/compress CSS
  11. Minify/compress JavaScript
  12. Optimize images
  13. Enable server pre-connect
  14. Keep server response times low (Time To First Byte, TTFB)
  15. Avoid redirects
  16. Preload key requests
  17. Use video formats for animated content
  18. Reduce the total byte weight
  19. Avoid an excessive DOM size
  20. Measure performance with user timing marks and measures
  21. Reduce JavaScript bootup time
  22. Reduce the payload of the main thread

How to Use Lighthouse in QA Touch

Step 1: Log in to your QA Touch Tool

Step 2: Navigate to the left side, Performance

Step 3: Click the Performance icon. It will take you to the Page Performance

Step 4: To create the website performance report, click the “Generate New report” button.

Step 5: Now, enter the following details to generate the performance report

  • Project Name – Enter the project name
  • Site URL – Enter the site URL ( Ex: example.com)
  • Click the “Generate Report” button

Step 6: The Lighthouse tool will Crawl and scan your website for accessing the performance, accessibility, progressive web apps & SEO

 

Step 7: The results will be displayed after the deep scanning

QA Touch offers seamless integration with Lighthouse and provides a centralized repository for all your audit results and allows performing site audits right from QA Touch application through integration with Lighthouse and stores up all audit results in QA Touch.

Those saved results will be extremely helpful whenever there is a need to compare the audit results of a site pre and post-optimization. These saved results can be viewed and downloaded whenever needed.

We hope this blog helped you to understand the process better of how to check the performance tool in QA Touch.

Register here and be the master of your application testing.

Leave a Reply