Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

JSJ 393: Why You Should Be Using Web Workers with Surma

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

Episode SummarySurma is an open web advocate for Google currently working with WebAssembly team. He was invited on the show today to talk about using web workers and how to move work away from the browser’s main thread. His primary platform is bringing multithreading out of the fringes and into the web. The panel talks about their past experience with web workers, and many of them found them isolated and difficult to use. Surma believes that web workers should pretty much always be sued because the main thread is an inherently bad place to run your code because it has to do so much. Surma details the differences between web workers, service workers, and worklets and explains what the compositer is. The panel discusses what parts should be moved off the main thread and how to move the logic over. Surma notes that the additional cost of using a worker is basically nonexistent, changes almost nothing in your workflow, and takes up only one kilobyte of memory. Therefore, the cost/benefit ratio of using web workers gets very large. They discuss debugging in a web worker and Surma details how debugging is better in web workers. Surma wants to see people use workers not because it will make it faster, but because it will make your app more resilient across all devices. Every piece of JavaScript you run could be the straw that breaks the camel’s back. There’s so much to do on the main thread for the browser, especially when it has a weaker processor, that the more stuff you can move away, the better.The web is tailored for the most powerful phones, but a large portion of the population does not have the most powerful phone available, and moving things over to a web worker will benefit the average phone. Surma talks about his experience using the Nokia 2, on which simple apps run very slow because they are not being frugal with the user’s resources. Moving things to another thread will help phones like this run faster.  The panel discusses the benefit of using web workers from a business standpoint. The argument is similar to that for accessibility. Though a user may not need that accessibility all the time, they could become in need of it. Making the app run better on low end devices will also increase the target audience, which is helpful is user acquisition is your principle metric for success. Surma wants businesses to understand that while this is beneficial for people in countries like India, there is also a very wide spectrum of phone performance in America. He wants to help all of these people and wants companies acknowledge this spectrum and to look at the benefits of using web workers to improve performance.Panelists<ul><li>Charles Max Wood</li><li>Christopher Buecheler</li><li>Aimee Knight</li><li>AJ O’Neal</li></ul>With special guest: SurmaSponsors<ul><li><a href="https://devchat.tv/adventures-in-devops/" target="_blank" rel="noreferrer noopener">Adventures in DevOps</a></li><li><a href="http://sentry.io/" target="_blank" rel="noreferrer noopener">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li><li><a href="https://devchat.tv/adv-in-angular/" target="_blank" rel="noreferrer noopener">Adventures in Angular</a></li></ul>Links<ul><li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers" target="_blank" rel="noreferrer noopener">Web workers</a></li><li><a href="https://developer.mozilla.org/en/docs/Web/API/Service_Worker_API" target="_blank" rel="noreferrer noopener">Service workers</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Worklet" target="_blank" rel="noreferrer noopener">Worklets</a>  </li><li><a href="https://hexdocs.pm/phoenix/1.3.0-rc.1/ecto_models.html" target="_blank" rel="noreferrer noopener">Ecto model</a></li><li><a href="https://babeljs.io/" target="_blank" rel="noreferrer noopener">Babel</a></li><li><a href="https://www.npmjs.com/package/swoosh" target="_blank" rel="noreferrer noopener">Swoosh</a></li><li><a href="https://github.com/GoogleChromeLabs/comlink" target="_blank" rel="noreferrer noopener">Comlink</a></li><li><a href="https://www.whatsapp.com/" target="_blank" rel="noreferrer noopener">WhatsApp</a></li></ul> Follow DevChatTV on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" target="_blank" rel="noreferrer noopener">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" target="_blank" rel="noreferrer noopener">Twitter</a> PicksCharles Max Wood:<ul><li><a href="https://www.goodreads.com/book/show/218661.For_Love_of_Mother_Not" target="_blank" rel="noreferrer noopener">For Love of Mother-Not</a></li></ul>Surma:<ul><li> Follow Surma @DasSurma on Twitter and at <a href="https://dassur.ma/" target="_blank" rel="noreferrer noopener">dassur.ma</a></li><li><a href="https://webassembly.github.io/spec/core/index.html" target="_blank" rel="noreferrer noopener">WebAssembly Spec</a></li></ul>AJ O’Neal:<ul><li><a href="https://coolaj86.com/articles/the-gamecube-ultimate/" target="_blank" rel="noreferrer noopener">The GameCube Ultimate</a></li><li><a href="https://amzn.to/2LmPsJ7" target="_blank" rel="noreferrer noopener">Pikmin for Wii</a> and <a href="https://ebay.to/2lxw56L" target="_blank" rel="noreferrer noopener">GameCube</a></li><li><a href="https://ebay.to/2krbsci" target="_blank" rel="noreferrer noopener">Super Monkey Ball</a></li></ul>Christopher Buecheler<ul><li><a href="https://cinemasins.com/sincast" target="_blank" rel="noreferrer noopener">CinemaSins Sincast podcast</a></li></ul>Special Guest: Surma. 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>.

Episode SummarySurma is an open web advocate for Google currently working with WebAssembly team. He was invited on the show today to talk about using web workers and how to move work away from the browser’s main thread. His primary platform is bringing multithreading out of the fringes and into the web. The panel talks about their past experience with web workers, and many of them found them isolated and difficult to use. Surma believes that web workers should pretty much always be sued because the main thread is an inherently bad place to run your code because it has to do so much. Surma details the differences between web workers, service workers, and worklets and explains what the compositer is. The panel discusses what parts should be moved off the main thread and how to move the logic over. Surma notes that the additional cost of using a worker is basically nonexistent, changes almost nothing in your workflow, and takes up only one kilobyte of memory. Therefore, the cost/benefit ratio of using web workers gets very large. They discuss debugging in a web worker and Surma details how debugging is better in web workers. Surma wants to see people use workers not because it will make it faster, but because it will make your app more resilient across all devices. Every piece of JavaScript you run could be the straw that breaks the camel’s back. There’s so much to do on the main thread for the browser, especially when it has a weaker processor, that the more stuff you can move away, the better.The web is tailored for the most powerful phones, but a large portion of the population does not have the most powerful phone available, and moving things over to a web worker will benefit the average phone. Surma talks about his experience using the Nokia 2, on which simple apps run very slow because they are not being frugal with the user’s resources. Moving things to another thread will help phones like this run faster.  The panel discusses the benefit of using web workers from a business standpoint. The argument is similar to that for accessibility. Though a user may not need that accessibility all the time, they could become in need of it. Making the app run better on low end devices will also increase the target audience, which is helpful is user acquisition is your principle metric for success. Surma wants businesses to understand that while this is beneficial for people in countries like India, there is also a very wide spectrum of phone performance in America. He wants to help all of these people and wants companies acknowledge this spectrum and to look at the benefits of using web workers to improve performance.Panelists<ul><li>Charles Max Wood</li><li>Christopher Buecheler</li><li>Aimee Knight</li><li>AJ O’Neal</li></ul>With special guest: SurmaSponsors<ul><li><a href="https://devchat.tv/adventures-in-devops/" target="_blank" rel="noreferrer noopener">Adventures in DevOps</a></li><li><a href="http://sentry.io/" target="_blank" rel="noreferrer noopener">Sentry</a> use the code “devchat” for 2 months free on Sentry’s small plan </li><li><a href="https://devchat.tv/adv-in-angular/" target="_blank" rel="noreferrer noopener">Adventures in Angular</a></li></ul>Links<ul><li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_Workers_API/Using_web_workers" target="_blank" rel="noreferrer noopener">Web workers</a></li><li><a href="https://developer.mozilla.org/en/docs/Web/API/Service_Worker_API" target="_blank" rel="noreferrer noopener">Service workers</a></li><li><a href="https://developer.mozilla.org/en-US/docs/Web/API/Worklet" target="_blank" rel="noreferrer noopener">Worklets</a>  </li><li><a href="https://hexdocs.pm/phoenix/1.3.0-rc.1/ecto_models.html" target="_blank" rel="noreferrer noopener">Ecto model</a></li><li><a href="https://babeljs.io/" target="_blank" rel="noreferrer noopener">Babel</a></li><li><a href="https://www.npmjs.com/package/swoosh" target="_blank" rel="noreferrer noopener">Swoosh</a></li><li><a href="https://github.com/GoogleChromeLabs/comlink" target="_blank" rel="noreferrer noopener">Comlink</a></li><li><a href="https://www.whatsapp.com/" target="_blank" rel="noreferrer noopener">WhatsApp</a></li></ul> Follow DevChatTV on <a href="https://www.facebook.com/DevChattv/?__tn__=%2Cd%2CP-R&eid=ARDBDrBnK71PDmx_8gE_IeIEo5SnM7cyzylVBjAwfaOo1ck_6q3GXuRBfaUQZaWVvFGyEVjrhDwnS_tV" target="_blank" rel="noreferrer noopener">Facebook</a> and <a href="https://twitter.com/devchattv?lang=en" target="_blank" rel="noreferrer noopener">Twitter</a> PicksCharles Max Wood:<ul><li><a href="https://www.goodreads.com/book/show/218661.For_Love_of_Mother_Not" target="_blank" rel="noreferrer noopener">For Love of Mother-Not</a></li></ul>Surma:<ul><li> Follow Surma @DasSurma on Twitter and at <a href="https://dassur.ma/" target="_blank" rel="noreferrer noopener">dassur.ma</a></li><li><a href="https://webassembly.github.io/spec/core/index.html" target="_blank" rel="noreferrer noopener">WebAssembly Spec</a></li></ul>AJ O’Neal:<ul><li><a href="https://coolaj86.com/articles/the-gamecube-ultimate/" target="_blank" rel="noreferrer noopener">The GameCube Ultimate</a></li><li><a href="https://amzn.to/2LmPsJ7" target="_blank" rel="noreferrer noopener">Pikmin for Wii</a> and <a href="https://ebay.to/2lxw56L" target="_blank" rel="noreferrer noopener">GameCube</a></li><li><a href="https://ebay.to/2krbsci" target="_blank" rel="noreferrer noopener">Super Monkey Ball</a></li></ul>Christopher Buecheler<ul><li><a href="https://cinemasins.com/sincast" target="_blank" rel="noreferrer noopener">CinemaSins Sincast podcast</a></li></ul>Special Guest: Surma. 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

JSJ 393: Why You Should Be Using Web Workers with Surma

Poslechněte si podcast