{"version":"1.0","type":"rich","provider_name":"Acast","provider_url":"https://acast.com","height":250,"width":700,"html":"<iframe src=\"https://embed.acast.com/$/655148df2861630012a1d01b/66583f5d5e9b8700129a51fb?\" frameBorder=\"0\" width=\"700\" height=\"250\"></iframe>","title":"Dan Shappir: How to Maximize Web Performance","thumbnail_width":200,"thumbnail_height":200,"thumbnail_url":"https://open-images.acast.com/shows/655148df2861630012a1d01b/1717059365218-ff21b34ea94ab8e85ee6ea9927b70a35.jpeg?height=200","description":"<p>Links</p><p><br></p><p>- Codecrafters (sponsor): https://tej.as/codecrafters</p><p>- Improving Wix Performance: https://www.smashingmagazine.com/2021/11/improving-performance-wix-websites-case-study/</p><p>- Dan on X: https://x.com/danshappir</p><p>- Tejas on X: https://x.com/tejaskumar_</p><p><br></p><p>Summary</p><p><br></p><p>In this episode, Dan Shappir discusses his journey in web performance, starting from gaming networks before the web. He explains the web vs. internet distinction, offline-first web apps, and remote access solutions. Dan's role at Next Insurance as a performance tech lead is highlighted. The talk covers improving browser performance, server-side rendering at Wix, modern CSS, CDNs, backend issues, and encapsulation impacts. Dan and Tejas discuss the BF cache's workings, browser compatibility, and telemetry impacts. Tips for staying updated in tech are shared, emphasizing passion and teaching. The episode concludes with support for Gaza and the Speculation Rules API.</p><p><br></p><p>Takeaways</p><p><br></p><p>1. Avoid overloading the browser with excessive JavaScript, CSS, and HTML.</p><p>2. Keep things small and lean to improve performance.</p><p>3. Implement server-side rendering, use modern CSS, and leverage caching with CDNs to enhance performance.</p><p>4. To stay relevant in the tech industry, follow your passion, accept that you can't know everything, and focus on understanding core concepts rather than chasing every new technology.</p><p>5. The BF cache (back-forward cache) allows browsers to store a memory snapshot of a web page when the user navigates away, enabling instant retrieval when the user returns.</p><p><br></p><p>Chapters</p><p><br></p><p>00:00 Introduction and Honoring the Situation</p><p>01:17 Dan's Background and Early Career</p><p>07:46 Dan's Journey into Web Performance</p><p>15:09 Offline-First Web Application</p><p>25:34 Joining Wix and Improving Performance</p><p>34:09 Transition to Next Insurance</p><p>45:46 The Beauty of Constraints</p><p>59:13 Using CSS for Layout</p><p>01:04:12 Backend Performance Issues</p><p>01:20:30 BF Cache</p><p>01:25:32 Performance Strategies</p><p>01:31:25 Advice for Staying Relevant in Tech</p><p>01:42:42 Speculation Rules API</p><p>01:43:14 Resource Hints: Prefetch and Preload</p><p>01:48:12 Script Tags and JSON Representation</p><p>01:51:39 Closing Remarks and Homework</p><p><br></p>","author_name":"Tejas Kumar"}