Jake Archibald & Surma - Setting up a static render in 30 minutes

[@mc-ty4br]

Came from 203 top 10 performance pitfalls. This is a great presentation! And the rehearsal obviously paid off (smooth handover)! Thank you

[@MarcusHammarberg]

Tightest technical talk I’ve seen. More like a performance than a talk.

[@mohammadkermani2987]

That was really awesome work! Fun to watch and also great content. Thank you!

[@colin-vandervoort]

Just outstanding, thank you!

[@JaihindhReddy]

I was watching this at 1.75x, as I usually do. I nearly died trying to understand from 2:48

[@SwitchWeekly]

👀 using those Joy Cons

[@kuzmicheff]

I really like the style of your presentations, Jake ans Surma! Very well done!

[@CardinalHijack]

Such a good video for people wanting to learn frontend performance.

[@DisfigurmentOfUs]

Thanks guys, it was nice and fun!

[@naveenda2064]

One best talks I ever seen

[@k1ngjulien_]

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 👍

[@delulu6969]

FYI, Minesweeper in W10 is not the same Minesweeper from the olden days.

[@CardinalHijack]

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

[@jakearchibald]

If you look at the CSS Google fonts gives you, you'll see URLs to woff2.

[@CardinalHijack]

@@jakearchibald Thanks Jake all sorted

[@CardinalHijack]

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

[@jakearchibald]

Yep

[@CardinalHijack]

@@jakearchibald Thanks man

[@SiDi35]

@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.

[@Froggie92]

is this a reupload? i swear i watched this last week

[@dassurma]

It is. The old version got taken down because the slides were out of sync and the screen recording had messed up colors.

[@Textras]

Jake and Surma 🐰🕳️

[@hobbyturystaSEO]

feature phones are back... omg

[@MaxCoplan]

Not using Google Cloud ☁️??

[@anthonykariuki5153]

am from http 203 top 10 performance pitfalls video