Skip to content

⚡️ Example of frontend performance tests and performance audit using Cypress framework and browser's performance API

Notifications You must be signed in to change notification settings

pmicko/cypress-performance-example

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

cypress-performance-example

cypress-performance-example

👋 Introduction

This repo is an example of frontend performance tests and performance audit using Cypress framework and browser's performance API

⚡️ Frontend performance test

Uses browser's performance API exposed on window object that can be accessed by Cypress

  • Use Case 1 - measure and assert performance of initial page load
  • Use Case 2 - measure and assert performance between two performance marks (with some user action between)

🧪 cypress/e2e/web-performance.cy.ts

⚡️ Frontend performance audit

Uses cypress-audit plugin which integrates the Google's lighthouse under the hood

  • Use Case - run performance audit and assert against custom threshold values for measured metrics

🧪 cypress/e2e/web-performance-audit.cy.ts

About

⚡️ Example of frontend performance tests and performance audit using Cypress framework and browser's performance API

Topics

Resources

Stars

Watchers

Forks