Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Polish and Perf

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this Hasty Treat, Scott and Wes talk through quick tips to improve performance of your website, and the tools available to help diagnose and fix perf issues.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2" name="Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:25">00:25</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=00:50">00:50</a></strong> Polish And Perf explained</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=02:05">02:05</a></strong> What kinds of tools are available to improve performance</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://developer.chrome.com/docs/lighthouse/overview/">Lighthouse in Chrome</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://pagespeed.web.dev">PageSpeed</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <strong><a href="#t=09:32">09:32</a></strong> Identify route caching and http caching</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <strong><a href="#t=14:25">14:25</a></strong> Partytown</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://partytown.builder.io">Partytown</a></li> <li class="has-line-data" data-line-start="12" data-line-end="14"> <strong><a href="#t=15:19">15:19</a></strong> Unnecessary network calls</li> </ul> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Tweet_us_your_tasty_treats_14" name= "Tweet_us_your_tasty_treats_14"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk through quick tips to improve performance of your website, and the tools available to help diagnose and fix perf issues.
 Show Notes  00:25 Welcome
 00:50 Polish And Perf explained
 02:05 What kinds of tools are available to improve performance
 Lighthouse in Chrome

 PageSpeed

 09:32 Identify route caching and http caching
 14:25 Partytown
 Partytown

 15:19 Unnecessary network calls
  Tweet us your tasty treats  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets

Aplikace Youradio Talk

Polish and Perf

Poslechněte si podcast