Slide 1

Slide 1 text

Speed Tools A short update from Chrome addyosmani@

Slide 2

Slide 2 text

If JavaScript doesn’t bring users joy, thank it and throw it away.

Slide 3

Slide 3 text

The loading journey

Slide 4

Slide 4 text

“Get interactive before 1.3x the visually ready time”

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

“Synthetic” “Real User Monitoring (RUM)”

Slide 7

Slide 7 text

No content

Slide 8

Slide 8 text

Proprietary + Confidential Proprietary + Confidential “Our Lighthouse score is 25!” Engineering Team

Slide 9

Slide 9 text

Proprietary + Confidential Proprietary + Confidential Hold the line: Performance Budgets Budget: ● 80KB/chunk ● 200KB total Result: ● Reduced Time to Interactive by 2 seconds Impact: ● Bounce Rate: 14% ● Average Duration: 31% ● Pages/session: 25% By setting a budget for tracking, and reporting build size deltas, we've prevented accidental changes that would have increased metrics like TTI, TTFMC and Time to First Tweet by over 100%. “ Paul Armstrong Web Developer, Twitter ”

Slide 10

Slide 10 text

Proprietary + Confidential Proprietary + Confidential Agree on a budget; then stick to it Project Timelines Proposal Discovery Design Development Launch Where we think performance happens Where we think performance happens Where performance needs to happen Proposal Discovery Design Development Launch Where we think performance happens Maintain performance budget Proposal Discovery Design Development Launch 1: 2: 3: Source: The Path to Performance by Katie Kovalcin

Slide 11

Slide 11 text

Proprietary + Confidential LightWallet

Slide 12

Slide 12 text

Proprietary + Confidential lighthousebot for CI 12 Bundlesize

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Proprietary + Confidential Proprietary + Confidential “We crossed the perf budget. ... Increase the budget!” We want to avoid this..

Slide 15

Slide 15 text

Proprietary + Confidential

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

No content

Slide 19

Slide 19 text

Confidential - Open questions - What can we do better?