August 10th: First Paint

profile photo
Jason Laster

Case Study

While working on our new landing page, I noticed that the title would initially have a serif font and then be replaced with the correct header font. I took this recording and looked at the H1 font-family for the first frame. It was clear, that there was a typo in the property, which was easy to fix. After fixing it, I re-recorded the page and confirmed that the other fonts loaded well.
Image without caption
post image
What exactly is time travel? How do we ensure we can reliably record and deterministically replay any website?
post image
This post walks through the fundamental concepts needed to make a performant time-machine.
post image
A deep dive into using time-travel debugging superpowers to analyze recordings and extract React DevTools data
Powered by Notaku