Inspector & Debugger
Extensions for Redux & VueX
Android debugging
Basic performance checks
✅
❌
* Network waterfall & sizes
* execution flame graph
Demo by Rachel Andrew
@FirefoxDevTools
by Lin Clark
What styles apply to each element?
What's the position of each visible element?
Painting the elements onto their containing layer
Composing the layers into the correct order!
<style> .red { color: red; } .blue { color: blue; } </style> <p class="red blue"> Battle of the Browsers </p>
Do it in parallel
Move it into it's own thread!
Quantum
🔥 WebRender 🔥 Moving them to GPU
By stefancoros
:max_bytes(150000):strip_icc():format(webp)/firefox-vs-chrome-synthetic-benchmark-results-5bc522474cedfd00515920f9.png)
