#PerfMatters Conference Recap

April 06, 2018By Mike Herchel

#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.

But first…

I traveled out to Oakland the weekend beforehand, and got to hang out with coworker and friend Nate. If you want to skip this part, feel free to jump directly to the conference notes ↓.

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.

me hikining in Muir Woods

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.

View on the way hiking Mt Tam

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.

Near the summit of Mt Tam with Nate

Day two adventures

On Sunday 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 😛

sailing
No one can compete with how cool we are 😎

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.

I’m also going to include links to Cristina Shaver’s awesome notes from each session.

Making Pinterest Fast

by Jessica Chan, Sarah Dapul-Weberman, and Michelle Vu

pinterest
Jessica, Sarah, and Michelle presenting on putting together a performance team at Pinterest.
The Pinterest performance team showed how they measure performance by tracking the most important parts of a page and assigning a computed metric that takes this into account. They showed off a really cool dashboard where they would constantly track the performance of the site (they track the 90th percentile).

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
Yoav Weiss from Akamai presenting on various network protocols and making things faster.

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 <link rel="preconnect">.

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

by Jeremy Wagner

jeremy
Jeremy Wagner dropping knowledge on various performance tuning APIs.

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

by Jem Young from Netflix

jem
Netflix's Jem Young presenting on dogs. He also talked a bit about frequently made trade-offs all developers have to make.

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
Mozilla's Lin Clark presented on concepts and efforts into making Firefox faster. She also creates these amazing illustrations.

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 SpeedCurve

cotton candy
No shit — they had a cotton candy machine!
Estelle 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.

Thursday Presentations

Raiders of the Fast Start: Frontend Performance Archaeology

by Katie Sylor-Miller from Etsy

katie
Etsy's Katie Sylor-Miller presenting on removing old code. Photo by Alejandro Cuba Ruiz

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
Eli Fitch from Mapbox presenting on perceived performance

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

by Jason Lengstorf

jason
Jason Lengstorf presenting on PWAs
Another great session was from Jason Lengstorf. He currently works with/at Gatsby (the platform this blog is built on). Jason presented on "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 Google

paul
Holy 💩, it's Paul Irish!
The 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.

Conclusion

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 :)

Thanks for reading. Notice an error or have something to contribute? Submit a Pull Request!