https://github.com/drag13/performance-nightmare
Performance nightmare demo (react)
https://github.com/drag13/performance-nightmare
Last synced: 3 months ago
JSON representation
Performance nightmare demo (react)
- Host: GitHub
- URL: https://github.com/drag13/performance-nightmare
- Owner: Drag13
- Created: 2023-01-10T09:58:14.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-02-11T10:00:33.000Z (over 3 years ago)
- Last Synced: 2025-02-13T01:54:14.697Z (over 1 year ago)
- Language: HTML
- Size: 5.98 MB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.MD
Awesome Lists containing this project
README
# [Performance Nightmare Without Cheats - React Edition](https://salmon-sea-0f2973803.2.azurestaticapps.net/)
## About
This repo dedicated for the performance anti patterns with React application. The idea is to get worst possible score with Lighthouse without using cheats like empty cycles, timeouts and others.
Application built with React 18, MUI, Moment, Lodash and requires working API to fetch data about user and setup
## Launch
- Clone the repo
- Install dependencies with `npm ci`
- Build the app with `npm run build`
- Launch production build with `npx serve dist`
- Run Lighthouse audit from **incognito** window
## Known anti patterns
- Sequential calls to the BE ✅
- Greedy imports ✅
- Mono build ✅
- CPU overuse inside critical path ✅
- Analytics ✅
- Multi domain usage ✅
- Multiple blocking fonts
- Blocking JS
- Blocking CSS
- ...