https://github.com/hxlnt/perftest

Small repro for debugging performance issues
https://github.com/hxlnt/perftest

Last synced: 8 days ago
JSON representation

Small repro for debugging performance issues

• Host: GitHub
• URL: https://github.com/hxlnt/perftest
• Owner: hxlnt
• License: mit
• Created: 2022-09-29T15:15:44.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-29T15:54:39.000Z (about 2 years ago)
• Last Synced: 2024-10-28T05:00:59.227Z (about 2 months ago)
• Language: HTML
• Size: 104 KB
• Stars: 0
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md
  • License: LICENSE

Awesome Lists containing this project

README

        
A small and *intentionally poorly-performant* demo used for investigating some behavior in the Performance panel in DevTools.

On page load, a grid of 16,320 square `div`s is drawn to the screen: half are black, half are pink. Pressing the left and right arrow keys recolors these "pixels" by adding and removing CSS classes four columns at a time. This causes lots of screen repainting.

No local server needed; just open `index.html` in the browser straight away.

![Screenshot of Performance panel](perf.png)