Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Mastering Web Performance: From Novice to Expert
Rating: 3.9 out of 5(153 ratings)
31,309 students

Mastering Web Performance: From Novice to Expert

Enhance your web app’s performance by writing optimized code and leveraging Chrome DevTools
Created byRakia Ben Sassi
Last updated 5/2026
English

What you'll learn

  • You'll learn how to effectively track web performance down with chrome DevTools.
  • A brief history of web performance.
  • The difference in the performance requirements between MPA (Multiple Page Application) and SPA (Single Page Application)
  • The difference between runtime performance and other kind of web performance.
  • Learn the signs that your web app is leaking memory.
  • Learn programming patterns that cause JavaScript memory leaks.

Course content

13 sections • 59 lectures • 3h 22m total length

  • Introduction0:29
  • A Little Story0:47
  • About Me1:07
  • 3 Pillars of Web Performance1:06
  • What Is Rendering?1:03
  • Visualization of the Rendering Process3:04
  • Web Rendering Types3:07
  • Poor Rendering Symptomes2:51
  • Poor Rendering Causes0:34
  • Optimization Techniques1:12
  • Real World Case Study18:48
  • Rendering Performance (Issues in the Real-World Case Study)

Requirements

  • No prior knowledge of web performance optimisation required.
  • A bit of knowledge about JavaScript/TypeScript and HTML would be helpful.

Description

Hunting web performance issues is a complex problem with fiendish edge cases, and debugging them can be a daunting task. To avoid such a problem in your app, you need awareness about it and constant vigilance.

JavaScript memory leaks are sneaky and could be challenging to localize because they can go unnoticed for some time. And even if your performance gets progressively worse, you will not see a thrown error on the browser while running the leaking app. Because it’s not an invalid code that causes such issues, but a logical flaw in it.

In this course, we’ll see how to effectively track web performance down and learn what causes them. You’ll get insights on how to respect more the end-user device’s resources. You’ll also avoid situations where you pull your hair out trying to understand what’s going on with your performance.

I designed this course to suit newcomers as well as advanced developers, and I will walk you through the topic step by step until you get your hands dirty.

At the end of the course, you’ll be able to identify, diagnose, and fix web performance issues in web apps even if you’re not the one who implemented them. You’ll be also able to catch patterns in your source code that cause them.

Who this course is for:

  • For people who want to optimize their runtime web performance and/or fix memory leaks in their web pages.
  • For frontend developers who want to know more about web development.
  • For people who want to have more insights on how to use chrome DevTools.

Report abuse