Performance_Testing - digitalideation/studio_web1_2024 GitHub Wiki

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.

Screenshot from Performance tag in Chrome

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