• Post category:StudyBullet-8
  • Reading time:5 mins read


Boost your web app’s performance by writing optimized code and using Chrome DevTools

What you will learn

You’ll learn how to effectively track memory leaks 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.

Description

Hunting memory leaks 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 memory leaks, but a logical flaw in it.

In this course, we’ll see how to effectively track memory leaks 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.


Get Instant Notification of New Courses on our Telegram channel.


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 memory leaks 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 leaks.

English
language

Content

Introduction

Introduction

What’s a memory leak?

What’s a memory leak?

A brief history of web performance and JS memory leaks

A brief history of web performance and JS memory leaks

Types of web performance problems

Types of web performance problems

Signs that your app is leaking memory

Signs that your web app is leaking memory

How to identify memory leaks with chrome DevTools

Performance Timeline Record
Heap Snapshots
Heap Profile
Performance Monitor
Task Manager

7 coding patterns that leak memory in JavaScript

5 coding patterns that leak memory in JavaScript
Collections
Infinite and detached DOM

Case study

Case study

Final thought

Final thought