#PerfMatters is a conference put on by web developer, O’Reilly author, and all around awesome person Estelle Weyl. The conference was held at the beautiful location of Cañada (pronounced Can-yada) College in Redwood City CA, which lies at the midway point between San Francisco and Silicon Valley.
I was super excited to go to #PerfMatters, although to be honest, I was also a little bit intimidated because all of the cool silicon valley companies. However, when after I started talking to people I found out later that they’re running into the same 💩 that everyone else is.
Day one in California
On Saturday, we started off by hiking Muir Woods. Muir Woods is a nature reserve with amazing groves of huge redwood trees nestled among scenic mountain streams.
I think we ended up hiking 4-6 miles at Muir Woods, which left me wanting more. Mt Tam delivered.
Mount Tamalpais is the highest peak in the north bay area. Although you can drive up, we hiked up from Panoramic Highway. It was a pretty awesome hike. We passed through a couple different localized ecosystems including hardwoods, redwoods, scrubs, streams, and more.
Finally, after what seemed like 10,000 near vertical steps, we were finally treated to beautiful panoramic views of the Pacific Ocean, the North Bay, and more.
Day two adventures
morning afternoon, Nate made me the fucking bestest breakfast burrito that I’ve ever had. Seriously. It had avocados, apples, as well as normal breakfast burrito stuff like sausage and eggs. It was pretty fantastic to say the least. Anyway…
Later that day, we cruised around San Francisco bay in a sailboat. We had some cool views of Alcatraz and the Golden Gate bridge, and the beer was surprisingly cheap! Later that night I kicked both Nate and Jen’s asses at Settlers of Catan 😛
Down to Redwood City
On Monday, I visited SF (that’s how all the cooool locals refer to San Francisco) and then headed down to Redwood City, which is about 30 miles south.
Through the magic of the #Perfmatters Slack organization, I met up with David Ross Monday night on Monday night for some beer and pastrami sandwiches at The Refuge, which had been featured in Diners, Drive-Ins and Dives.
The best part of the night was learning from, who is probably, one of the most beer-knowledgeable people that I’ve ever met. I learned the difference between a “small IPA”, and “session IPA”, and more. He also got me to finally download Untappd!
The conference kicked off Tuesday morning.
Although all sessions were absolutely amazing… I’m going to detail the sessions that I got a lot out of below.
Making Pinterest Fast
When they detect a regression, they have a tool that automatically does a git bisect and then run performance regression tests to find the exact culprit commit. The performance team will then work with the author to fix the performance regression.
Faster Bytes is Not Always Enough - Why is The Web Slow? (and what can we do about it)
by Yoav Weiss from Akamai
Yoav gave an excellent talk about various performance slowdowns on the web and how to fix it. He talked about TCP slow start, HTTP2 (aka h2), and QUIC. He detailed how h2 push works and how the browser discovers resources and in what order. He talked about new methods for optimizing this including
<link rel="preload"> and
One of my next goals is to to better understand the preload, preconnect, et al tags, and write an article about this.
Demystifying Performance Timings
Jeremy Wagner gave a deep dive into the navigation timing API. The session was packed with lots of deep information and recipes.
Modern Performance in the Year of the Dog
Netflix Engineering’s Jem Young gave session on “Modern Performance in the Year of the Dog.” It was amazing because he talked about real world trade-offs that front-end developers and engineers make on a daily basis. Sometimes various objectives don’t always align together properly, and Jem discussed this.
Making the browser faster
by Lin Clark from Mozilla
Lin Clark’s official (maybe?) title at Mozilla is “code cartoonist” because she has an ability to convey complex topics through really cool illustrations and comics. True to her form, Lin’s session on making browsers faster was amazing.
Mozilla has been working on parallelizing its architecture for years. In fact,they’ve actually created a brand new programming language (Rust) to facilitate this!
The part that made me grin with excitement is when she said they were working to offload the entire painting process to the computer’s GPU, which would make animating any property (such as background, or box-shadow) as performant as we can now do with animating CSS transforms and opacity.
Tuesday night party
Sponsored by SpeedCurveEstelle had planned a really cool party that was right across the way from the theater. The party had a cotton candy machine, the best balloon maker I've ever seen, and best of all... an open bar sponsored by SpeedCurve
I had a great time at the party including hanging out with some old friends and getting the chance to meet Lin Clark, Steve Souders, Marcy Sutton (who I had previously interviewed on the Lullabot Podcast), in addition to many more awesome people.
Raiders of the Fast Start: Frontend Performance Archaeology
by Katie Sylor-Miller from Etsy
Katie Sylor-Miller from Etsy presented on Frontend Performance Archaeology. She talked about how Etsy’s codebase grew to become somewhat unmanageable, and people were afraid to remove code, so would only add to it. Katie also talked about various tools and techniques to fix this and reduce various bundle sizes.
Perceived Performance: The only kind that really matters
by Eli Fitch from MapBox
Eli Fitch from Mapbox presented on “Perceived Performance: The only kind that really matters”. Basically Eli talked about various “mental” design techniques to trick your mind into making the website ‘feel’ like it’s faster (even though it’s not). Techniques included animations on progress bar, discussion of spinners vs progress bars, using the
mousedown even instead of the
click event. This was really good, and I plan on making Lullabot’s designers watch this when the videos are posted.
Progressive Web Apps: Show Up for Offline First, but Stay for the Killer Performance Boost
Jason talked about making your app work offline, and technologies involved (manifest, service workers). He also talked about the PRPL pattern and why it’s fast.
Web Perf Metrics & Measurement in 2018
by Paul Irish from GoogleThe conference ended with the biggest draw (and one of my developer heros), Paul Irish, who works at Google on Chromium and DevTools.
Paul talked about a slew of performance metrics (and there are a lot), how they are calculated, and which ones to pay attention to and when.
This was a really fun conference. More than that, it was a technically deep conference, which is what I’m looking for. I’ll plan on coming back as long as it’s happening.
Also, I ended up winning a fancy conference tote back (evidently the only one in existence) by taking a photo :)