Fostering a Web Performance Culture José Pérez @jmperezperez

hi! I’m Jose Software Engineer at Spotify

Steve Souders’ Rules (2007)

Lighthouse 3.0 (2018)

Lighthouse 3.0 (2018)

Not a talk about why web performance is important

But a talk about culture

Who are we?

Meanwhile in our teams...

Trade-offs We don’t have time for everything

Features Marketing Campaigns CI/CD Security Test UX UI A11y Performance

Better done than perfect performance

6 steps to start a web performance culture

1 Your dev environment != your user’s environment

“World-Wide Web, not Wealthy Western Web” Bruce Lawson - Fronteers 2016

Device?

Network?

Browser?

Deprecating browsers

Do they use because the site is unusable on other browsers?

Optimization can lead to higher page load time (and it’s alright!)

Dan Luu’s “Web Bloat”

Gather devices (by market share) Deliver a good experience on those Deprecate when needed Powerful devices get a good experience automagically. Profit.

2 te s k Know the library

“if all you have is a hammer, everything looks like a nail”

Challenge your company (or someone else will do)

Tech changes

3 Experiment and validate

“ <library/browser API/shiny That new thing> sounds cool ”

“ <library/browser API/shiny That new thing> sounds cool ”

“ <library/browser API/shiny This is how thing> will improve our project ”

4 Share and celebrate success stories

4 Share and celebrate success stories

max growth Vox Media “Declaring performance bankruptcy” May 2015

5 Educate your colleagues

The Bus Factor Source: https://medium.com/tech-tajawal/the-bus-factor-6ea1a3ede6bd

6 Make performance part of your workflow

WebPagetest

GTmetrix

GTmetrix

Calibre

Calibre (Slack integration)

Wrap-up

Dev env != user’s env Share and celebrate Know the tech stack Educate your colleagues Experiment and validate Performance part of your workflow

Article on bit.do/perf-culture

thanks! @jmperezperez Article on https://bit.do/perf-culture