0Pricing
Node.js Backend Development Bootcamp · Ders

Sıcak Yollar için CPU Profilleme ve Alev Grafikleri

CPU profilleri kaydedin ve en çok zaman tüketen işlevleri bulmak için alev grafiklerini okuyun.

Sıcak Yollar için CPU Profilleme ve Alev Grafikleri, CoddyKit'te ücretsiz bir Node.js Backend Development Bootcamp dersidir. Bu, 4 dersinin 3. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Node.js Backend Development Bootcamp öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Node.js Backend Development Bootcamp kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Why CPU Profiling Matters

When a Node.js backend feels slow, the cause is usually one of two things: the process is waiting (I/O, database, network) or it is computing (burning CPU on the single main thread). A CPU profile tells you exactly where the second kind of time goes.

  • It samples the call stack at a fixed frequency (V8 uses ~1000 Hz, one sample per millisecond).
  • Each sample records the function currently executing and its whole stack of callers.
  • Functions that appear in many samples are your hot paths — the code worth optimizing.

Because Node.js runs JavaScript on one thread, a single hot function can block every incoming request. Profiling finds it instead of you guessing.

Self Time vs Total Time

Every profiler distinguishes two numbers per function, and confusing them is the most common profiling mistake.

  • Self time (a.k.a. exclusive): time spent executing the function's own body, excluding the children it called.
  • Total time (a.k.a. inclusive): self time plus all time spent inside callees.

A function high in total time may just be an orchestrator that calls expensive children. The function high in self time is where the CPU actually burns. Optimize by self time first.

Recording a Profile from the CLI

The fastest way to get a profile of a script is the built-in V8 flag. No extra packages, no code changes.

  • node --prof app.js writes a raw isolate-*.log file.
  • node --prof-process isolate-*.log > profile.txt turns it into a human-readable summary with a ticks breakdown.

The summary groups ticks by JavaScript, C++, and GC, and lists the heaviest functions. It is text-only, so for visual flame graphs we will use the inspector protocol next. Below is a CPU-bound workload you can profile this way.

function isPrime(n) {
  if (n < 2) return false;
  for (let i = 2; i * i <= n; i++) {
    if (n % i === 0) return false;
  }
  return true;
}

function countPrimes(limit) {
  let count = 0;
  for (let n = 0; n < limit; n++) {
    if (isPrime(n)) count++;
  }
  return count;
}

console.log(countPrimes(2_000_000));

Recording Programmatically with the Inspector

For a long-running server you often want to profile a specific window of time. The built-in inspector module lets you start and stop the V8 CPU profiler from inside your code and save a .cpuprofile file.

  • Open a Session, connect it, and enable the Profiler domain.
  • Call Profiler.start, run the workload, then Profiler.stop.
  • The returned profile is JSON you write to disk and load into Chrome DevTools or VS Code.
const inspector = require('node:inspector');
const fs = require('node:fs');
const session = new inspector.Session();
session.connect();

function work() {
  let sum = 0;
  for (let i = 0; i < 5e7; i++) sum += Math.sqrt(i);
  return sum;
}

session.post('Profiler.enable', () => {
  session.post('Profiler.start', () => {
    work();
    session.post('Profiler.stop', (err, { profile }) => {
      fs.writeFileSync('./work.cpuprofile', JSON.stringify(profile));
      console.log('Saved work.cpuprofile');
      session.disconnect();
    });
  });
});

What a Flame Graph Actually Shows

A flame graph turns the stack samples into a picture. Read it like this:

  • The x-axis is NOT time — it is the population of stacks. Width = how many samples contained that frame, i.e. how much CPU it used.
  • The y-axis is stack depth. The frame at the bottom is the caller; frames stacked on top are its callees.
  • A wide frame means a function (and its children) consumed a lot of CPU. Wide frames at the top with little above them are the leaves doing the real work.

Colors are usually random and carry no meaning — do not read into them. You hunt for the widest plateaus, not the tallest towers.

Flame Graph vs Flame Chart

These look similar but answer different questions, and Chrome DevTools shows both.

  • Flame chart (DevTools "Performance" timeline): x-axis is wall-clock time, left to right. Great for seeing when something happened and ordering of events.
  • Flame graph (aggregated): identical frames are merged and sorted by width. Great for seeing which function is hot across the whole run, regardless of when it ran.

For finding hot paths you want the aggregated flame graph: a function called 10,000 times in scattered moments shows up as one fat bar instead of 10,000 invisible slivers.

Generating Flame Graphs with 0x

The 0x tool wraps your process, captures a profile, and produces an interactive HTML flame graph in one step — ideal for Node.js services.

  • npx 0x app.js runs the app, and on exit opens a browser flame graph.
  • For a server, hit it with load (for example with autocannon) while 0x records, then stop the process to generate the graph.

In the 0x viewer you can click any frame to zoom, and search by name to highlight every place a function appears. Below is a tiny HTTP server worth profiling under load.

const http = require('node:http');

function renderRow(i) {
  return '<tr><td>' + i + '</td><td>' + (i * i) + '</td></tr>';
}

http.createServer((req, res) => {
  let html = '<table>';
  for (let i = 0; i < 5000; i++) {
    html += renderRow(i);
  }
  html += '</table>';
  res.setHeader('Content-Type', 'text/html');
  res.end(html);
}).listen(3000, () => console.log('listening on 3000'));

Reading the Graph: Find the Widest Leaf

A disciplined way to locate the hot path in any flame graph:

  • Scan the top edge of the graph (the leaf frames). These are the functions actually running when samples were taken.
  • Find the widest leaf or plateau. That single frame is your largest pool of self time.
  • Trace downward from it to learn the call chain that leads there — that tells you who to change.

Beware framework noise: frames like (anonymous), module.exports, or runtime internals are often wide because everything flows through them. Ignore broad orchestrator frames and focus on wide leaf frames.

Spotting Garbage Collection Pressure

Flame graphs do not only reveal your code — they expose the V8 runtime too. If you see wide frames named things like GC, Scavenge, or Mark-Compact, the CPU is being spent collecting garbage, not running logic.

  • High GC width usually means you are allocating too many short-lived objects on the hot path (string concatenation in loops, creating closures or arrays per request).
  • The fix is rarely "optimize the function" — it is "allocate less": reuse buffers, preallocate arrays, avoid per-iteration object literals.

The example below allocates a fresh object on every iteration, the classic pattern that lights up GC frames.

function process(n) {
  const results = [];
  for (let i = 0; i < n; i++) {
    // a new object every iteration -> GC pressure
    results.push({ id: i, squared: i * i, label: 'item-' + i });
  }
  let sum = 0;
  for (const r of results) sum += r.squared;
  return sum;
}

console.log(process(1_000_000));

Deoptimization and Inlining Clues

V8 compiles hot functions to optimized machine code. When a function is forced back to slower bytecode it is deoptimized, and that shows up as unexpectedly wide frames.

  • Run with node --trace-deopt app.js to log every deopt with its reason (e.g. changing object shapes, mixing types in an array).
  • node --trace-opt app.js shows which functions got optimized.
  • Keeping function arguments monomorphic (always the same shape/type) lets V8 keep them optimized and inlined.

The function below stays fast because it always receives numbers; passing it a string would trigger a deopt and a wider frame in the profile.

function add(a, b) {
  return a + b;
}

let total = 0;
for (let i = 0; i < 1e7; i++) {
  total = add(total, i); // monomorphic: always numbers, stays optimized
}
console.log(total);

A Repeatable Profiling Workflow

Put the pieces together into a loop you can run on any backend:

  • Reproduce the load deterministically (a benchmark or replayed traffic), so two profiles are comparable.
  • Record a profile (--prof, the inspector session, or 0x).
  • Read the flame graph: widest leaf frame = biggest self time = first target.
  • Fix exactly that function, change nothing else.
  • Re-profile under the same load and confirm the fat bar shrank.

Change one thing per iteration. If you fix three functions at once you will not know which change helped — and one might have made things worse.

Quick Check: Reading the Graph

You profiled a slow endpoint. In the aggregated flame graph, your request handler is the widest frame, but it has tall stacks of children above it. One small leaf frame near the top, JSON.stringify, is also very wide. Which function should you optimize first?

Recap

You can now find and fix CPU hot paths in a Node.js backend:

  • Self time (exclusive) is where the CPU burns; total time (inclusive) includes children. Optimize by self time.
  • Record with node --prof, the built-in inspector Session, or 0x for an interactive flame graph.
  • In a flame graph the x-axis is sample count (CPU), not time, and the y-axis is stack depth. Hunt for the widest leaf frame.
  • Wide GC/Scavenge frames mean allocation pressure — allocate less rather than micro-optimizing logic.
  • Use --trace-deopt to catch deoptimizations from polymorphic, shape-changing code.
  • Work the loop: reproduce, record, read, fix one thing, re-profile.

Sıkça Sorulan Sorular

“Sıcak Yollar için CPU Profilleme ve Alev Grafikleri” dersi ücretsiz mi?

Evet — “Sıcak Yollar için CPU Profilleme ve Alev Grafikleri” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Node.js Backend Development Bootcamp kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Node.js Backend Development Bootcamp kursu toplamda 4 dersten oluşur.

“Sıcak Yollar için CPU Profilleme ve Alev Grafikleri” dersinde ne öğreneceğim?

CPU profilleri kaydedin ve en çok zaman tüketen işlevleri bulmak için alev grafiklerini okuyun. Node.js Backend Development Bootcamp ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Node.js Backend Development Bootcamp öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Node.js Backend Development Bootcamp, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 3. dersidir.

“Sıcak Yollar için CPU Profilleme ve Alev Grafikleri” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Node.js Backend Development Bootcamp dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Node.js Backend Development Bootcamp dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. V8 Yığını, Nesilsel GC ve Nesne Ömürleri
  2. Yığın Anlık Görüntülerini Yakalama ve Karşılaştırma
  3. Sıcak Yollar için CPU Profilleme ve Alev Grafikleri
  4. Yaygın Sızıntı Kalıplarını Belirleme ve Giderme
← Node.js Backend Development Bootcamp Sayfasına Dön