React PWA Performance Study Case

• lighthouse-ci

  18 6,267 7.2 JavaScript

  Automate running Lighthouse for every commit, viewing the changes, and preventing regressions

  

For the lab metrics, we set up the Lighthouse in our CI using Lighthouse CI. So, for every Pull Request (PR) opened, we run the Lighthouse to gather performance-related data and lock PRs until we fix the performance issue.

• web-vitals

  140 7,113 7.7 JavaScript

  Essential metrics for a healthy site.

  

The next step for Real User Monitoring (RUM) is to track more user behavior in our application to gather web vitals metrics in the PWA flow.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• danger-js

  6 5,151 7.5 TypeScript

  ⚠️ Stop saying "you forgot to …" in code review

  

This tool is run in our CI pipeline for every PR and the result is shown in the Github PR (it uses Danger behind it).

• web-performance-research

  2 709 9.3 JavaScript

  Research in Web Performance

  

I have some resources I used along the way while doing this project. I hope it can be helpful to you too: Web Performance Studies.

Suggest a related project