Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015
We all take for granted that when we push enter in the browsers address bar, magic happens. The browser gets our HTML, that intern requests all the dependencies, insert magic, other things happen and then we have our site rendered. Simple, right, right…
Like many people as I’ve progressed in my career, building for the web, I’ve become curious as to how the browser does what it does. What makes it tick, how it turns a string of HTML into a data structure, how CSS & JavaScript come into play. Things like render tree, style recalculation, paints, reflows, all alien words will start to make sense by the end of this talk.
Suddenly you’ll understand why people recommend you place script tags at the bottom of the document, inlining critical CSS & all sorts of other performance techniques.
Intro music by @halfbyte
Видео Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015 канала JSConf
Like many people as I’ve progressed in my career, building for the web, I’ve become curious as to how the browser does what it does. What makes it tick, how it turns a string of HTML into a data structure, how CSS & JavaScript come into play. Things like render tree, style recalculation, paints, reflows, all alien words will start to make sense by the end of this talk.
Suddenly you’ll understand why people recommend you place script tags at the bottom of the document, inlining critical CSS & all sorts of other performance techniques.
Intro music by @halfbyte
Видео Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015 канала JSConf
Показать
Комментарии отсутствуют
Информация о видео
Другие видео канала
What the heck is the event loop anyway? | Philip Roberts | JSConf EUHow a web browser builds and displays a web pageHow the Internet Works for Developers - Pt 1 - Overview & FrontendCritical rendering path - Crash course on web performance (Fluent 2013)Learning Functional Programming with JavaScript - Anjana Vakil - JSUnconfAbhinav Rastogi: Scaling NodeJS beyond the ordinary | JSConf Iceland 2018Understanding React's UI Rendering ProcessThe Art of Code Comments - Sarah Drasner | JSConf Hawaii 2020Rendering on the Web: Performance Implications of Application Architecture (Google I/O ’19)HTTP headers for the responsible developer by Stefan Judis | JSConf EU 2019How The Web Works - The Big PictureAnjana Vakil: Immutable data structures for functional JS | JSConf EUTop 10 CSS Tricks You Didn't Know!Opher Vishnia: Wait, you can do that with JavaScript…!? | JSConf Iceland 2018Code Learning Strategies that WORK WONDERS!Franziska Hinkelmann: JavaScript engines - how do they even? | JSConf EULearn DOM Manipulation In 18 MinutesJake Archibald: In The Loop - JSConf.AsiaKruno: How browsers work | JSUnconf 2017The Render Tree - Website Performance Optimization