Thread by @HenriHelvetica

"I've sat up on stages like this and proclaimed that H/2 was going to solve everything, and i'm sorry for that... but resource loading in the browser is a very very hard thing." - @patrickhamann #britishAccent
#webperf #perfmatters
@FluentConf

"🌟 performance of the loading of your webpages are tightly coupled to latency.
🌟 connection costs are high
🌟 Bandwidth is oft under-utilized
🌟 Script exec is 💰💰💰
🌟 critical resources can be hidden"

- @patrickhamann #britishAccent
#webperf #perfmatters
@FluentConf

"what are critical resources??

✅ Critical CSS for current route
✅ Fonts
✅ hero image
✅ initial application route
✅ application bootstrap data"

- @patrickhamann
#webperf #perfmatters
@FluentConf

"A good loading strategy:

🚩 will prioritize above the fold rendering.
🚩 will prioritize interactivity 🤳🏾
🚩 is easy to use
🚩 is measurable 📏"

- @patrickhamann
#webperf #perfmatters
@FluentConf

"performance is for humans. optimize for user experiences" - @patrickhamann

#webperf #perfmatters #ux
@FluentConf

Early hints, status code 103:
tools.ietf.org/html/draft-iet…

Priority hints:
wicg.github.io/priority-hints/

#webperf #perfmatters
@FluentConf

Final Checklist + slides: noti.st/patrickhamann/…

#webperf #perfmatters
@FluentConf