<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk through all the reasons your website might be slow, and how you can troubleshoot a slow website such as issues on the server, large assets, caching, CSS, JavaScript, latency, and more.</p> <a id= "Sentry___Sponsor_2"></a>Sentry - Sponsor <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <a id= "Show_Notes_6"></a>Show Notes <ul> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=00:11">00:11</a> Welcome</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://www.moergo.com/">Glove 80 keyboard</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://www.raycast.com/">Raycast</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=03:06">03:06</a> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=05:15">05:15</a> What makes a website slow?</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://uses.tech/">Uses.tech</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=06:29">06:29</a> Server Generation Times</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=13:33">13:33</a> Large payloads</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://redis.io/">Redis</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://www.gnu.org/software/gzip/">Gzip</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://en.wikipedia.org/wiki/Brotli">Brotli compression</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://www.cloudflare.com/">Cloudflare</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://cloudinary.com">Cloudinary</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=18:13">18:13</a> Assets being too large</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=23:01">23:01</a> Caching assets</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=28:25">28:25</a> CDN</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=30:35">30:35</a> Caching 101</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=37:04">37:04</a> Render blocking requests</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=40:01">40:01</a> CSS</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=42:25">42:25</a> JavaScript</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=44:51">44:51</a> Latency</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=49:17">49:17</a> Flash of dark mode or unsigned out</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=55:00">55:00</a> Data uris</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility"> Content-visibility</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href= "https://www.npmjs.com/package/vite-plugin-singlefile">vite-plugin-singlefile</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://wesbos.com/pool-in-your-url">Pool in your URL</a></li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <a href="#t=58:11">58:11</a> SIIIIICK ××× PIIIICKS ×××</li> </ul>  <a id="_SIIIIICK__PIIIICKS__36"></a>××× SIIIIICK ××× PIIIICKS ××× <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> Scott: <a href= "https://www.youtube.com/@3blue1brown">3Blue1Brown</a></li> <li class="has-line-data" data-line-start="39" data-line-end="41"> Wes: <a href= "https://suavecito.com/products/firme-clay-pomade">Suavecito Firme Clay Pomade</a></li> </ul>  <a id="Shameless_Plugs_41"></a>Shameless Plugs <ul> <li class="has-line-data" data-line-start="43" data-line-end="44"> Scott: <a href="https://levelup.video">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="44" data-line-end="46"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul>  <a id="Tweet_us_your_tasty_treats_46"></a>Tweet us your tasty treats <ul> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

Fundamentals × What Makes a Website Slow?

Syntax - Tasty Web Development Treats