Makarevich N. Web Performance Fundamentals. A Frontend Developer's Guide...2025

Download this torrent!

Makarevich N. Web Performance Fundamentals. A Frontend Developer's Guide...2025

Textbook in PDF format Get the practical tools and techniques you need to make your React apps faster, smoother, and more efficient. “Web Performance Fundamentals” focuses on the key aspects of improving the speed and responsiveness of web applications in the context of React development – but it’s not at all a book about React code itself. Instead, it looks at everything that surrounds a React application and affects its performance: Metrics and tools: you’ll learn why you should measure speed at all, how to work with CrUX reports, Chrome DevTools (Performance and Lighthouse panels), and what metrics like FCP, LCP, and INP mean. Initial load: understand the impact of network conditions, CDNs, and Cache-Control on the time it takes to render a page for the first time. Flame graphs and CSR: learn how to record and correctly interpret color performance “monsters”, understand client-side rendering (CSR) and the transition to SPA. Server-Side Rendering (SSR): implement your own pre-rendering strategy, evaluate its costs and benefits, learn about hydration and its impact on metrics. Bandle Size: Explore how JavaScript file size affects loading, bandle analysis, compression, differences between HTTP/1, HTTP/2 and HTTP/3, preloading, tree-shaking, code splitting and dependency management. Lazy Loading and Suspense: step by step you will understand the methods of “lazy” loading of modules, understand the nuances of implementation in different frameworks (Next.js, React Router, Tanstack). Working with data: compare client-side and server-side data retrieval strategies, learn about React Server Components and streaming, and test practical examples on Next.js and Tanstack. Interactivity: explore Long Tasks, main thread optimization, React DevTools to combat unnecessary re-renders, and the experimental React Compiler. Step-by-step examples, visual performance studies, and immersive tooling will give you a deep understanding of how everything behind the scenes affects application speed – and teach you how to find and fix bottlenecks on your own. Table of Contents Hello and Welcome! Let's Talk About Performance Intro to Initial Load Performance Client-side Rendering and Flame Graphs SPAs and Introducing INP Intro to Rendering on the Server (SSR) Bundle Size and What to Do About It Intro to Lazy Loading and Suspense Advanced Lazy Loading Data Fetching and React Server Components Interaction Performance Re-renders Refresher React Compiler Final Thoughts