Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

190 JSJ Web Performance Part 2 with Nik Molnar

JavaScript Jabber

Stay current on JavaScript, Node, and Front-End development. Learn from experts in programming, careers, and technology every week. Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

There’s still time! Check out and get your <a href="https://jsremoteconf.com/" target="_blank" rel="noreferrer noopener">JS Remote Conf</a> tickets!  <a href="https://devchat.tv/js-jabber/184-jsj-web-performance-with-nik-molnar" target="_blank" rel="noreferrer noopener">JavaScript Jabber Episode #184: Web Performance with Nik Molnar</a> (Part 1) 02:04 - Nik Molnar Introduction <ul><li><a href="https://twitter.com/nikmd23" target="_blank" rel="noreferrer noopener">Twitter</a> </li><li><a href="https://github.com/nikmd23" target="_blank" rel="noreferrer noopener">GitHub</a> </li><li><a href="http://nikcodes.com/" target="_blank" rel="noreferrer noopener">Blog</a></li><li><a href="http://getglimpse.com/" target="_blank" rel="noreferrer noopener">Glimpse</a></li><li><a href="https://www.pluralsight.com/courses/webpagetest-deep-dive" target="_blank" rel="noreferrer noopener">[Pluralsight] WebPageTest Deep Dive</a></li></ul>02:58 - RAIL (Response, Animation, Idle, Load)06:03 - How do you know what is being kicked off? How do you avoid it?08:15 - <a href="https://en.wikipedia.org/wiki/Frame_rate" target="_blank" rel="noreferrer noopener">Frame Rates</a><ul><li><a href="https://frames-per-second.appspot.com/" target="_blank" rel="noreferrer noopener">frames-per-second.appspot.com</a> </li><li><a href="http://csstriggers.com" target="_blank" rel="noreferrer noopener">CSS Triggers</a> </li></ul>16:05 - Scrolling<ul><li><a href="http://creativejs.com/resources/requestanimationframe/" target="_blank" rel="noreferrer noopener">requestAnimationFrame</a></li></ul>19:09 - <a href="https://w3c.github.io/web-animations/" target="_blank" rel="noreferrer noopener">The Web Animation API</a> 21:40 - Animation Accessibility, Usability, and Speed<ul><li><a href="https://haveibeenpwned.com/" target="_blank" rel="noreferrer noopener">haveibeenpwned.com</a></li><li><a href="https://youtu.be/7ubJzEi3HuA" target="_blank" rel="noreferrer noopener">Ilya Grigorik: Speed, Performance, and Human Perception @ Fluent 2014</a> </li></ul>27:14 - HTTP and Optimization<ul><li><a href="http://conferences.oreilly.com/velocity/devops-web-performance-2015/public/schedule/detail/42385" target="_blank" rel="noreferrer noopener">Yesterday's perf best-practices are today's HTTP/2 anti-patterns by Ilya Grigorik</a></li><li><a href="https://devchat.tv/ruby-rogues/135-rr-http-2-0-with-ilya-grigorik" target="_blank" rel="noreferrer noopener">Ruby Rogues Episode #135: HTTP 2.0 with Ilya Grigorik</a> </li><li><a href="https://tools.ietf.org/html/rfc7540" target="_blank" rel="noreferrer noopener">Hypertext Transfer Protocol Version 2 (HTTP/2)</a> </li><li><a href="http://caniuse.com/#feat=http2" target="_blank" rel="noreferrer noopener">Can I use...</a> </li><li><a href="https://tools.ietf.org/html/rfc7540#section-8.2" target="_blank" rel="noreferrer noopener">Server Push</a> </li></ul>35:25 - ES6 and Performance<ul><li><a href="http://www.incaseofstairs.com/2015/06/es6-feature-performance/" target="_blank" rel="noreferrer noopener">ES6 Feature Performance</a> </li><li><a href="https://github.com/kpdecker/six-speed" target="_blank" rel="noreferrer noopener">six-speed</a> </li></ul>40:46 - Understanding the Scale<ul><li><a href="https://www.youtube.com/watch?v=JEpsKnWZrJ8" target="_blank" rel="noreferrer noopener">Grace Hopper: Nanoseconds</a> </li><li><a href="https://www.youtube.com/watch?v=1-vcErOPofQ" target="_blank" rel="noreferrer noopener">Grace Hopper on Letterman</a> </li></ul>43:30 RAIL (Response, Animation, Idle, Load) Cont’d46:15 - <a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon" target="_blank" rel="noreferrer noopener">Navigator.sendBeacon()</a> 47:51 - <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management" target="_blank" rel="noreferrer noopener">Memory Management</a> and <a href="https://en.wikipedia.org/wiki/Garbage_collection_(computer_science)" target="_blank" rel="noreferrer noopener">Garbage Collection</a><ul><li><a href="https://www.youtube.com/watch?v=LaxbdIyBkL0" target="_blank" rel="noreferrer noopener">Memory Management Masterclass with Addy Osmani</a> </li><li><a href="http://addyosmani.com/blog/video-javascript-memory-management-masterclass/" target="_blank" rel="noreferrer noopener">Addy Osmani: JavaScript Memory Management Masterclass</a></li><li><a href="https://www.red-gate.com/community/books/under-the-hood-dotnet-memory-management" target="_blank" rel="noreferrer noopener">Under the Hood of .NET Memory Management by Chris Farrell and Nick Harrison</a> (Nik)</li><li>Memory vs Performance Problems</li><li><a href="https://www.youtube.com/watch?v=aiv1JOfMjm0" target="_blank" rel="noreferrer noopener">Rick Hudson: Go GC: Solving the Latency Problem @ GopherCon 2015</a></li></ul>Picks <a href="http://www.dancarlin.com/hardcore-history-series/" target="_blank" rel="noreferrer noopener">Hardcore History Podcast</a> (Jamison) <a href="http://danluu.com/empirical-pl" target="_blank" rel="noreferrer noopener">Static vs. Dynamic Languages: A Literature Review</a> (Jamison) <a href="http://fullertj.tumblr.com/" target="_blank" rel="noreferrer noopener">TJ Fuller Tumblr</a> (Jamison) <a href="http://dn.ht/picklecat/" target="_blank" rel="noreferrer noopener">Pickle Cat</a> (Jamison) <a href="https://sub.watchmecode.net/" target="_blank" rel="noreferrer noopener">WatchMeCode</a> (Aimee) Don’t jump around while learning in JavaScript (Aimee) <a href="https://www.youtube.com/watch?v=eLfW_XMwBGk" target="_blank" rel="noreferrer noopener">P!nk - Bohemian Rhapsody</a> (Joe) <a href="http://www.infoq.com/presentations/Design-Composition-Performance" target="_blank" rel="noreferrer noopener">Rich Hickey: Design, Composition and Performance</a> (Joe) <a href="http://undisclosed-podcast.com/" target="_blank" rel="noreferrer noopener">Undisclosed Podcast</a> (AJ) <a href="https://www.youtube.com/watch?v=8nZMseDOiJo" target="_blank" rel="noreferrer noopener">History of Gaming Historian - 100K Subscriber Special</a> (AJ) <a href="http://javascriptjabber.com/15minutes" target="_blank" rel="noreferrer noopener">15 Minute Podcast Listener chat with Charles Wood</a> (Chuck) <a href="https://jsremoteconf.com/" target="_blank" rel="noreferrer noopener">JS Remote Conf</a> (Chuck) <a href="https://allremoteconfs.com/" target="_blank" rel="noreferrer noopener">All Remote Confs</a> (Chuck) <a href="http://supercell.com/en/games/clashofclans/" target="_blank" rel="noreferrer noopener">Clash of Clans</a> (Chuck) <a href="http://www.starwars.com/games-apps/star-wars-commander" target="_blank" rel="noreferrer noopener">Star Wars Commander</a> (Chuck) <a href="https://onlycoin.com/" target="_blank" rel="noreferrer noopener">Coin</a> (Chuck) <a href="http://www.theairhook.com/" target="_blank" rel="noreferrer noopener">The Airhook</a> (Chuck) <a href="http://www.goldieblox.com/" target="_blank" rel="noreferrer noopener">GoldieBlox</a> (Chuck)Special Guest: Nik Molnar. Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

There’s still time! Check out and get your <a href="https://jsremoteconf.com/" target="_blank" rel="noreferrer noopener">JS Remote Conf</a> tickets!  <a href="https://devchat.tv/js-jabber/184-jsj-web-performance-with-nik-molnar" target="_blank" rel="noreferrer noopener">JavaScript Jabber Episode #184: Web Performance with Nik Molnar</a> (Part 1) 02:04 - Nik Molnar Introduction <ul><li><a href="https://twitter.com/nikmd23" target="_blank" rel="noreferrer noopener">Twitter</a> </li><li><a href="https://github.com/nikmd23" target="_blank" rel="noreferrer noopener">GitHub</a> </li><li><a href="http://nikcodes.com/" target="_blank" rel="noreferrer noopener">Blog</a></li><li><a href="http://getglimpse.com/" target="_blank" rel="noreferrer noopener">Glimpse</a></li><li><a href="https://www.pluralsight.com/courses/webpagetest-deep-dive" target="_blank" rel="noreferrer noopener">[Pluralsight] WebPageTest Deep Dive</a></li></ul>02:58 - RAIL (Response, Animation, Idle, Load)06:03 - How do you know what is being kicked off? How do you avoid it?08:15 - <a href="https://en.wikipedia.org/wiki/Frame_rate" target="_blank" rel="noreferrer noopener">Frame Rates</a><ul><li><a href="https://frames-per-second.appspot.com/" target="_blank" rel="noreferrer noopener">frames-per-second.appspot.com</a> </li><li><a href="http://csstriggers.com" target="_blank" rel="noreferrer noopener">CSS Triggers</a> </li></ul>16:05 - Scrolling<ul><li><a href="http://creativejs.com/resources/requestanimationframe/" target="_blank" rel="noreferrer noopener">requestAnimationFrame</a></li></ul>19:09 - <a href="https://w3c.github.io/web-animations/" target="_blank" rel="noreferrer noopener">The Web Animation API</a> 21:40 - Animation Accessibility, Usability, and Speed<ul><li><a href="https://haveibeenpwned.com/" target="_blank" rel="noreferrer noopener">haveibeenpwned.com</a></li><li><a href="https://youtu.be/7ubJzEi3HuA" target="_blank" rel="noreferrer noopener">Ilya Grigorik: Speed, Performance, and Human Perception @ Fluent 2014</a> </li></ul>27:14 - HTTP and Optimization<ul><li><a href="http://conferences.oreilly.com/velocity/devops-web-performance-2015/public/schedule/detail/42385" target="_blank" rel="noreferrer noopener">Yesterday's perf best-practices are today's HTTP/2 anti-patterns by Ilya Grigorik</a></li><li><a href="https://devchat.tv/ruby-rogues/135-rr-http-2-0-with-ilya-grigorik" target="_blank" rel="noreferrer noopener">Ruby Rogues Episode #135: HTTP 2.0 with Ilya Grigorik</a> </li><li><a href="https://tools.ietf.org/html/rfc7540" target="_blank" rel="noreferrer noopener">Hypertext Transfer Protocol Version 2 (HTTP/2)</a> </li><li><a href="http://caniuse.com/#feat=http2" target="_blank" rel="noreferrer noopener">Can I use...</a> </li><li><a href="https://tools.ietf.org/html/rfc7540#section-8.2" target="_blank" rel="noreferrer noopener">Server Push</a> </li></ul>35:25 - ES6 and Performance<ul><li><a href="http://www.incaseofstairs.com/2015/06/es6-feature-performance/" target="_blank" rel="noreferrer noopener">ES6 Feature Performance</a> </li><li><a href="https://github.com/kpdecker/six-speed" target="_blank" rel="noreferrer noopener">six-speed</a> </li></ul>40:46 - Understanding the Scale<ul><li><a href="https://www.youtube.com/watch?v=JEpsKnWZrJ8" target="_blank" rel="noreferrer noopener">Grace Hopper: Nanoseconds</a> </li><li><a href="https://www.youtube.com/watch?v=1-vcErOPofQ" target="_blank" rel="noreferrer noopener">Grace Hopper on Letterman</a> </li></ul>43:30 RAIL (Response, Animation, Idle, Load) Cont’d46:15 - <a href="https://developer.mozilla.org/en-US/docs/Web/API/Navigator/sendBeacon" target="_blank" rel="noreferrer noopener">Navigator.sendBeacon()</a> 47:51 - <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Memory_Management" target="_blank" rel="noreferrer noopener">Memory Management</a> and <a href="https://en.wikipedia.org/wiki/Garbage_collection_(computer_science)" target="_blank" rel="noreferrer noopener">Garbage Collection</a><ul><li><a href="https://www.youtube.com/watch?v=LaxbdIyBkL0" target="_blank" rel="noreferrer noopener">Memory Management Masterclass with Addy Osmani</a> </li><li><a href="http://addyosmani.com/blog/video-javascript-memory-management-masterclass/" target="_blank" rel="noreferrer noopener">Addy Osmani: JavaScript Memory Management Masterclass</a></li><li><a href="https://www.red-gate.com/community/books/under-the-hood-dotnet-memory-management" target="_blank" rel="noreferrer noopener">Under the Hood of.NET Memory Management by Chris Farrell and Nick Harrison</a> (Nik)</li><li>Memory vs Performance Problems</li><li><a href="https://www.youtube.com/watch?v=aiv1JOfMjm0" target="_blank" rel="noreferrer noopener">Rick Hudson: Go GC: Solving the Latency Problem @ GopherCon 2015</a></li></ul>Picks <a href="http://www.dancarlin.com/hardcore-history-series/" target="_blank" rel="noreferrer noopener">Hardcore History Podcast</a> (Jamison) <a href="http://danluu.com/empirical-pl" target="_blank" rel="noreferrer noopener">Static vs. Dynamic Languages: A Literature Review</a> (Jamison) <a href="http://fullertj.tumblr.com/" target="_blank" rel="noreferrer noopener">TJ Fuller Tumblr</a> (Jamison) <a href="http://dn.ht/picklecat/" target="_blank" rel="noreferrer noopener">Pickle Cat</a> (Jamison) <a href="https://sub.watchmecode.net/" target="_blank" rel="noreferrer noopener">WatchMeCode</a> (Aimee) Don’t jump around while learning in JavaScript (Aimee) <a href="https://www.youtube.com/watch?v=eLfW_XMwBGk" target="_blank" rel="noreferrer noopener">P!nk - Bohemian Rhapsody</a> (Joe) <a href="http://www.infoq.com/presentations/Design-Composition-Performance" target="_blank" rel="noreferrer noopener">Rich Hickey: Design, Composition and Performance</a> (Joe) <a href="http://undisclosed-podcast.com/" target="_blank" rel="noreferrer noopener">Undisclosed Podcast</a> (AJ) <a href="https://www.youtube.com/watch?v=8nZMseDOiJo" target="_blank" rel="noreferrer noopener">History of Gaming Historian - 100K Subscriber Special</a> (AJ) <a href="http://javascriptjabber.com/15minutes" target="_blank" rel="noreferrer noopener">15 Minute Podcast Listener chat with Charles Wood</a> (Chuck) <a href="https://jsremoteconf.com/" target="_blank" rel="noreferrer noopener">JS Remote Conf</a> (Chuck) <a href="https://allremoteconfs.com/" target="_blank" rel="noreferrer noopener">All Remote Confs</a> (Chuck) <a href="http://supercell.com/en/games/clashofclans/" target="_blank" rel="noreferrer noopener">Clash of Clans</a> (Chuck) <a href="http://www.starwars.com/games-apps/star-wars-commander" target="_blank" rel="noreferrer noopener">Star Wars Commander</a> (Chuck) <a href="https://onlycoin.com/" target="_blank" rel="noreferrer noopener">Coin</a> (Chuck) <a href="http://www.theairhook.com/" target="_blank" rel="noreferrer noopener">The Airhook</a> (Chuck) <a href="http://www.goldieblox.com/" target="_blank" rel="noreferrer noopener">GoldieBlox</a> (Chuck)Special Guest: Nik Molnar. Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Aplikace Youradio Talk

190 JSJ Web Performance Part 2 with Nik Molnar

Poslechněte si podcast