CSS runtime performance | Nolan Lawson | performance.now() 2022

preview_player
Показать описание
On the client side, we pay a lot of attention to JavaScript performance. But relatively little time is spent on CSS, even though style and layout calculation can impact runtime performance as well. In this talk, I'd like to demystify some aspects of CSS runtime performance, exploring what parts the browser has already optimized, and what we as web developers can do to speed up styling.

  1. Web Conferences Amsterdam
  2. performance
  3. web development
  4. web performance
  5. css
  6. browsers
Рекомендации по теме
CSS runtime performance 0:50:25

CSS runtime performance | Nolan Lawson | performance.now() 2022

CSS performance ~ 0:07:51

CSS performance ~ sneaky tactics

Fighting Jank with 0:44:42

Fighting Jank with Browser Runtime Performance Strategies

CSS performance ~ 0:08:12

CSS performance ~ contain and content-visbility

Surprising differences in 0:16:57

Surprising differences in Selector Performance

Web runtime performance 0:30:29

Web runtime performance | Q&A

ngParty - Regular 1:02:54

ngParty - Regular Meetup XXIX

dotJS 2016 - 0:17:51

dotJS 2016 - Christophe Porteneuve - Tuning Babel to your runtimes

Accessibility: the land 0:34:10

Accessibility: the land that time to interactive forgot | Léonie Watson | performance.now() 2022

performance.now() 2022 compilation 0:02:27

performance.now() 2022 compilation

Performance culture through 0:48:27

Performance culture through the looking-glass | Dora Militaru | performance.now() 2022

Modern Metrics | 0:48:43

Modern Metrics | Nic Jansma | performance.now() 2022

Keeping Up with 0:50:35

Keeping Up with Web Performance | Sharell Bryant | performance.now() 2022

CSS Containers, What 0:53:48

CSS Containers, What Do They Know? | Miriam Suzanne | CSS Day 2023

dotJS 2016 - 0:17:02

dotJS 2016 - Nolan Lawson - Service Worker and the Appification of the Web

Ashley Williams: A 0:29:03

Ashley Williams: A Brief History of Modularity | JSConf EU 2017

dotJS 2015 - 0:18:45

dotJS 2015 - Henrik Joreteg - Pocket-sized JS

SPLITNAMES (First, Middle, 0:22:11

SPLITNAMES (First, Middle, Last) User Defined Function in Google Sheets, Dynamic Arrays & JavaSc...

ColdFront16 • Mathias 0:33:52

ColdFront16 • Mathias Bynens: Front-End Performance - The Dark Side

Scale By The 0:29:43

Scale By The Bay 2020: Li Haoyi, Getting Things Done in the Scala REPL

Taking advantage of 1:17:38

Taking advantage of ServiceWorker and WebWorkers for faster boot up times

76: The Elm 0:53:05

76: The Elm Programming Language

Revisiting Performance Budgets 0:47:41

Revisiting Performance Budgets | Tammy Everts | performance.now() 2022

Optimising Largest Contentful 0:45:42

Optimising Largest Contentful Paint | Harry Roberts | performance.now() 2022

Комментарии
Автор

Great talk, lots of learnings and eye-opener especially for someone Who is developing a styling framework. Thanks!

franszloth
Автор

Outstanding talk! I've just encountered layout thrashing problem recently, and this talk help me fix the problem. One thing to mentioned different OSs have different results also, I found out that in Intel i5-12xxx CPU Windows Ram 32GB layout thrashing more (slower) than Macbbok Air M1 Chip Ram 16GB both latest version Edge (108 Stable).

siwatkaolueng
visit shbcf.ru