Speed Essentials: Key Techniques for Fast Websites (Chrome Dev Summit 2018)

The bad news: JavaScript, images, and web fonts often bloat modern web pages. The good news: There’s probably a ton of room to improve the performance of your site.

Katie and Houssein guide you through the key techniques in JavaScript, images, [CSS] and web fonts that you can use to maximize the performance of your site.

event: Chrome Dev Summit 2018; re_ty: Publish; product: Chrome - General; fullname: Katie Hempenius, Houssein Djirdeh;

[luxploded]

Making websites fast is one thing but the increase of Cookie banners, GDPR notice, and asking for notification permission (sometimes altogether at once) is ruining the UX no matter how fast the page loads.

[DenisTRUFFAUT]

1) The "image" part of this talk is extremely well executed. Simple and efficient. Every dev should see that.
2) I tried rel=modulepreload and, for now, it seems less efficient than bundling.

[gregconen]

Ahh, yes, we should replace the "flash of invisible text" with the "flash of unstyled text". Anyone else remember when the "flash of unstyled text" was the browser default but every best practice guide discussed how to replace it with the "flash of invisible text"?

[kevinstar]

Thanks for the awesome content, definitely a step in the right direction on improving overall web performance experience.
Brilliant talks coming from chrome dev summit so far... Keep it up Googlers!

[GagandeepSingh-vwko]

Thank you for sharing. This is really useful! Is there any way I can access the slides of the talks from the dev summit for reference ?

[codetotal]

2018 - images are taking over the web ?!?!?!?!?!? it is video that is taking over, images are more about year 2000

[jg-inip]

I can't seem to get the Unused CSS column to display in the Coverages tab. Is this for an upcoming release?

[shuzo]

<img lazyload="on | auto" />
font-display: swap