Very nice talk! Don't get what Mariko meant on the podcast when she said you didn't explain why you did the things you did. The comparison to the old versions made it very obvious what changed an what did what. Excited for your next project 👍
the link tag on the slide at 16:43 - do you need to do this for all your woff fonts?For example one for bold, one for regular, one for woff, one for woff2? etc
@CardinalHijack err, I wouldn't. Firstly, you want to do this for fonts that are absolutely necessary above the fold on any page with inbound traffic. Anything else can be deferred. That font used for one line of caption text under an image which would be just as fine in a system font for 2 seconds can also be deferred. Secondly, the user's client will use exactly one font file per font. It won't use both the ttf, eot, woff and woff2 fonts so you don't want to load the exact same font 4 times. The trick is to know which font file to preload. Because I don't yet know how to do that (fast), I don't yet add preload links for my fonts on my frontends.
Came from 203 top 10 performance pitfalls. This is a great presentation! And the rehearsal obviously paid off (smooth handover)!
Thank you
Tightest technical talk I’ve seen. More like a performance than a talk.
That was really awesome work! Fun to watch and also great content. Thank you!
👀 using those Joy Cons
I really like the style of your presentations, Jake ans Surma! Very well done!
Just outstanding, thank you!
Such a good video for people wanting to learn frontend performance.
I was watching this at 1.75x, as I usually do. I nearly died trying to understand from 2:48
Thanks guys, it was nice and fun!
Very nice talk! Don't get what Mariko meant on the podcast when she said you didn't explain why you did the things you did.
The comparison to the old versions made it very obvious what changed an what did what.
Excited for your next project 👍
One best talks I ever seen
Jake and Surma 🐰🕳️
FYI, Minesweeper in W10 is not the same Minesweeper from the olden days.
is this a reupload? i swear i watched this last week
It is. The old version got taken down because the slides were out of sync and the screen recording had messed up colors.
feature phones are back... omg
At 15:35, what do they mean by copy fonts onto our own server? When you download a font from google fonts you dont get a woff/woff2 version
If you look at the CSS Google fonts gives you, you'll see URLs to woff2.
@@jakearchibald Thanks Jake all sorted
the link tag on the slide at 16:43 - do you need to do this for all your woff fonts?For example one for bold, one for regular, one for woff, one for woff2? etc
Yep
@@jakearchibald Thanks man
@CardinalHijack err, I wouldn't. Firstly, you want to do this for fonts that are absolutely necessary above the fold on any page with inbound traffic. Anything else can be deferred. That font used for one line of caption text under an image which would be just as fine in a system font for 2 seconds can also be deferred. Secondly, the user's client will use exactly one font file per font. It won't use both the ttf, eot, woff and woff2 fonts so you don't want to load the exact same font 4 times. The trick is to know which font file to preload. Because I don't yet know how to do that (fast), I don't yet add preload links for my fonts on my frontends.
Not using Google Cloud ☁️??
am from http 203 top 10 performance pitfalls video