Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Appearance settings

sdras/Benchmarking-Animations

Open more actions menu

Repository files navigation

Benchmarking Example Animations

Writing the same easy sample animation in SMIL, Canvas, CSS, and Velocity for benchmarking purposes.

Benchmarking Tips

  • Completely shut down and kill all other processes before and between benchmarks
  • Host the files locally and use an incognito window
  • Clear the cache
  • System must be plugged in, not on battery power.
  • Use consistent timeframes for each
  • Use shorter intervals and very long intervals.
  • In chrome dev tools, open the rendering tab and in settings, check the show paint rectangles, show composited layer borders, and show FPS meter to debug janking
  • In timeline, look at the frames and open each process to find out what's slowing things down. Pay particular attention to 'painting'.

About

Writing the same simple animation in a loop in SMIL, Canvas, CSS, and Velocity for benchmarking purposes.

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages

Morty Proxy This is a proxified and sanitized view of the page, visit original site.