Performance_Testing

Performance Measuring

Monitor live Core Web Vitals in Chrome DevTools

Performance Debugging

You can use the built in tools in the browser to find issues, such as long running JavaScript functions. Note that debugging can be harder for apps built with JavaScript frameworks that include a compile step.

Your tasks

• Run a performance test with PageSpeed or the Chrome dev tools and document the results. To get realistic load times, use a deployed version of your app, if you have one.
• Analyse the result. Is your web app fast enough? If not, use the tooling to find causes and decide on measures.
  • Run another performance test and document the new results.
  • Analyse the differences. Did your measures have any impact?

Resources

• Web Vitals
• Monitor live Core Web Vitals in Chrome DevTools
• Core Web Vitals Chrome extension
• Chrome Performance tooling
• Alex Russell on performance
• User Timing API
• Firefox Performance Profiler Video