mateus-f-torres / barefoot

A React PWA Simple Template
https://barefoot.netlify.com
MIT License
3 stars 0 forks source link

Capture performance metrics #68

Open mateus-f-torres opened 4 years ago

mateus-f-torres commented 4 years ago

Description

Try setting Puppeteer or other tool to capture and control performance metrics.
Also checkout Playwright https://github.com/microsoft/playwright

Tasks

Resources

Initial reading https://developers.google.com/web/tools/puppeteer
https://pptr.dev/

About testing performance with Puppeteer
https://michaljanaszek.com/blog/test-website-performance-with-puppeteer/
https://addyosmani.com/blog/puppeteer-recipes/
https://automationrhapsody.com/performance-testing-in-the-browser/
https://nitayneeman.com/posts/getting-to-know-puppeteer-using-practical-examples/

Could also be used as a E2E testing tool https://github.com/smooth-code/jest-puppeteer
https://ropig.com/blog/end-end-tests-dont-suck-puppeteer/
https://dev.to/jankaritech/testing-with-jest-and-puppeteer-56k https://www.techtonic.com/resources/blog/puppeteer-can-fill-in-cypress-gaps

See other tools: https://www.browserstack.com/
https://www.selenium.dev/documentation/en/introduction/

mateus-f-torres commented 3 years ago

See also https://web.dev/vitals/