Building Lighthouse Metrics

Transcript

1. Building Lighthouse Metrics @chriswdmr
2. hey
7. Lighthouse 5 Lighthouse 6 (draft) Difference First Contentful Paint 20 % 15 % - 5 % ↘ Speed Index 27 % 15 % - 12 % ↘ Largest Contentful Paint 7 % 25 % + 18 % ↗ Time to interactive 33 % 15 % - 18 % ↘ Total Blocking Time - 25 % Cumulative Layout Shift - 5 % Source: https://web.dev/performance-scoring/
11. Problem ➡ Idea ➡ Solution
12. It's coding time
13. ☹
14. But still. I had this idea.
15. Image from Henrik Kniberg
16. One month
17. Problem Idea Solution ✅ ✅ ✅
18. Making it public
21. The next morning
24. Serverless functions Frontend Backend Database
25. Switched to a paid plan
27. That's why I'm here
28. What's next?
31. • If you create something: validate your idea quickly • JAM stack: better performance out of the box • Be prepared: Lighthouse 6 is coming
32. Thanks!