Let's go fast! Creating a culture of frontend performance @andrewhao

We value performance

But first, a detour From Liberian tailors and their apprentices, to Xerox representatives, back to us

Learning + Practice Combined Tailors' Alley Apprentices Liberian Tailors Jean Lave, cultural anthropologist, embedded herself with the apprenticed tailors of Tailors' Alley in Monrovia, Liberia Image credit: "Jean Lave and community of practice"

Learning + Practice Combined Tailors Alley Apprentices Liberian Tailors Learning is not done in a vacuum. Apprentices learned by participating in daily life as a tailor, in the community of craft. We learn by doing, with each other!

Breakfast as information transfer ...this happened When this happened... Xerox Field Reps Xerox PARC anthropologists studied behaviors of Xerox techs in the field Community knowledge spread via breakfast! Images: [1], [2]

Breakfast as information transfer ...this happened When this happened... Xerox Field Reps Xerox empowers the techs to create their own knowledge base to leverage organic learning. Saves Xerox $100MM! Images: [1], [2]

Situated Learning

Situated Learning "Community of Practice"

Communi ties of Practice

Communi ties of Practice ...in the modern software org ...in modern Agile practice

"Spotify Model" Image: https://vitalitychicago.com/blog/there- is-no-spotify-model-for-scaling-agile/

"Spotify Model" Gather functionally-similar folks together to hone their craft a.k.a. a "guild", or community of practice

What is a Community of Practice?

Scaling pains As the organization grows, coordination costs get higher Top-down decrees won't work Shift the culture through a community of practice!

How it works at Lyft

How it works at Lyft 1 Find your allies 2 Define the charter (learning & practice) 3 Tap into intrinsic motivators (autonomy, mastery, purpose)

How it works at Lyft 5 Low barriers to entry - learn by presenting 6 Record all presentations for archiving 4 Simple agenda & rotating roles

Tools Lighthouse runner Lighthouse runner 1 Long-term performance trends & accountability Fight bundle bloat before merges Emit modern performance metrics across the fleet Bundle Size Reporter 2 3 Fleetwide Perfor- mance Dashboards Core Web Vitals Plugin 4 Emit modern performance metrics across the fleet Make metrics visible in on- call channels

Tools are our most effective culture levers Making information visible through tooling is a powerful way to help people care about performance

Docs Wins & case studies 1 Build the case for the value of Web perf on the business Great for onboarding and teaching perf concepts to newcomers Emit modern performance metrics across the fleet Tutorials and guides 2 3 SLO configs Guide people to set up their service for observability and reliability

Time - bound We schedule to only run for a quarter at a time, which ensures that everybody involved is able to fully commit

Over to you What change do you want to see? Where can you start a community?

Start small Look for that one other person. Share some articles. Starting a brown bag discussion group.

Don ' t wait for permission You can start today!

Thanks ! Thanks to our very amazing community: Akif S, Andrew O, Eric B, Diana A, Faizan V, Jay M, Joanne D, Jose P, Kim T, Marcos I, Mihir M, Ming C, Paul Y, Seth T and many more