Web Performance Fundamentals

0h 0m 0s
English
Paid

Course description

"The Foundations of Web Performance" is devoted to the key aspects of enhancing the speed and responsiveness of web applications in the context of React development - but it is by no means a book about React code itself. On the contrary, it examines everything that surrounds a React application and affects its performance:
Read more about the course

Metrics and Tools: You will learn why it's important to measure speed, how to work with CrUX reports, Chrome DevTools (Performance and Lighthouse panels), and understand what metrics like FCP, LCP, and INP mean.

Initial Load: You will explore the impact of network conditions, CDN, and cache management (Cache-Control) on the first paint time of a page.

Flame Graphs and CSR: You will learn how to record and correctly interpret performance "monsters," understand client-side rendering (CSR), and transition to SPA.

Server-Side Rendering (SSR): You will implement your own strategy for pre-rendering, assess its costs and benefits, and learn about hydration and its impact on metrics.

Bundle Size: You will investigate how the volume of JavaScript files affects loading, master bundle analysis, compression, differences between HTTP/1, HTTP/2, and HTTP/3, preloading, tree shaking, code splitting, and dependency management.

Lazy Loading and Suspense: You will step-by-step understand the methods of lazy loading modules, grasp the nuances of implementation in different frameworks (Next.js, React Router, Tanstack).

Data Handling: You will compare client-side and server-side data fetching strategies, get acquainted with React Server Components and streaming, and test practical examples on Next.js and Tanstack.

Interactivity: You will study Long Tasks, main thread optimization, React DevTools tools for combating unnecessary re-renders, and the experimental React Compiler.

Step-by-step examples, visual performance studies, and "diving" into tools will help you deeply understand how everything "behind the scenes" affects the application speed - and will teach you how to independently find and eliminate bottlenecks.

Books

Read Book Web Performance Fundamentals

#Title
1web-perf-fundamentals-v1

Similar courses

The Software Architect Mindset (COMPLETE)

The Software Architect Mindset (COMPLETE)

Sources: ArjanCodes
The course "The Software Architect Mindset" teaches the fundamentals of software architecture and provides practical advice on creating software products...
12 hours 6 minutes 39 seconds
MERN Stack Front To Back: Full Stack React, Redux & Node.js.

MERN Stack Front To Back: Full Stack React, Redux & Node.js.

Sources: udemy, Brad Traversy
Welcome to "MERN Stack Front To Back". In this course we will build an in depth full stack social network application using Node.js, Express, React, Redux and MongoDB along with...
11 hours 52 minutes 29 seconds
Master Custom React Hooks with TypeScript

Master Custom React Hooks with TypeScript

Sources: fullstack.io
Welcome to the course "Creating a Custom React Hook npm Package using React and TypeScript"! In this course, we will be developing...
2 hours 21 minutes 3 seconds
React Hooks

React Hooks

Sources: ui.dev (ex. Tyler McGinnis)
If you never develop a convincing answer for both of those questions, you won’t have a solid enough foundation to build upon when you dive into the specifics. These questions ar...
3 hours 47 minutes 48 seconds