In this presentation I go through why a wide range of data is useful in understanding the performance optimisation competitive landscape. It helps us know how fast is fast... helps us add context and boundaries to our projects, as well as helps us know when we're doing a good job or when we need to push harder to get faster.
HOW DID WE DO IT, WHAT DID
WE LEARN AND HOW CAN WE
RESEARCH & DEVELOPMENT
Service Worker Registration
Satisfy speed criteria
2VISIT THE STUDY
Mobile Readiness & Progressive Web
Apps in the UK
Are Digital Leaders Adapting to Mobile Audiences?
5 LIGHTHOUSE PWA AUDIT CRITERIA
1. HTTPS – is the site served over HTTPS?
2. Service Worker – does the site register a Service Worker?
3. Speed – <10,000 TTFI/CI
4. Add to Home Screen – user prompt ‘‘Add to Home Screen’’?
5. Content Sized for Mobile Viewport – responsively or adaptively?
Using Node CLI to
Automate at Scale…
run: lighthouse <url>
Thinking about Performance
Optimisation less in terms of
developer metrics and more about
delivering on experience and
Speed, Perception & Lighthouse – Weyl and Ahammad
@NicholaStottLighthouse: More on PSI Measures
NEW LIGHTHOUSE METRICS
No TTFB there is…
Evolved, we have...
LIGHTHOUSE MOBILE CONFIG
User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64)
AppleWebKit/537.36 (KHTML, like Gecko)
Device Emulation Nexus 5X: Enabled
Network Throttling 562.5ms RTT, 1.4Mbps down,
0.7Mbps up: Enabled
CPU Throttling 4x slowdown: Enabled
• Checked all still return 200
• Removed couple of counterfeit
• Removed handful of seriously