Sean Reece

Software Engineer @ Qlik

@SeanReece

Benchmarking JS

with React

We should forget about small efficiencies, say about 97% of the time: premature optimization is the root of all evil. Yet we should not pass up our opportunities in that critical 3%.

                                                                                                   premature optimization is the root of all evil.                         

When do I optimize?

  • Optimize only when it makes sense
  • Don't sacrifice simplicity/readability
  • Measurable

JSprf.com

JavaScript Performance

Why

JSperf.com offline

Writing benchmarks in NodeJS REPL

How

Monaco Editor

Used by VS Code

IntelliSense

Dynamic import() 🔥

Stage 3 proposal

import modules at runtime

 

Chrome / Safari 👍

Firefox 👎

Benchmark.js

A benchmarking library that supports high-resolution timers & returns statistically significant results.

Thanks! 👋

github.com/SeanReece/jsprf.com

Contribute / Issues

Benchmarking JS with React

By seanreece

Benchmarking JS with React

Slides for Feb 2019 ReactJS Ottawa meetup talk about benchmarking JS in the web using jsprf.com - written in React!

  • 972