QA Touch Virtual Series #2 | June 8, 2020 | Quality talk on setting smart goals for a tester and Heuristics and Mnemonics in testing | RSVP Now !

X

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, vertical menu to access the Lighthouse Function

Lighthouse in QA Touch Home Screen

Step 3: Click the Lighthouse icon. It will take you to the Lighthouse window

Lighthouse Function and generate new report button

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

Generating Report Dialogue Box in QA Touch

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

Lighthouse function scanning the website

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

Website Performance Result

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.




Ready to Write an Interesting blog in QA Touch?


If you have an interesting blog post you would want to share with the Testing Community, please forward it to info@qatouch.com along with your picture and a short bio. Our editorial team will review and publish it.

Subscribe to our blog

Premnath M

Premnath M

Premnath comes with 7+ years of developer experience in building enterprise scale solutions. Whenever we have a new technology making rounds, we can see Premnath exploring it and implementing it across a wider spectrum. Being passionate PHP enthusiast, self-proclaimed Laravel fan boy and a Magento certified developer, Premnath has played a crucial role in building the architecture of QA Touch.

Leave a Reply

avatar