deno bench for benchmarking - Performance & Optimization

Performance: deno bench for benchmarking

MEDIUM IMPACT

This affects how quickly and accurately you can measure the performance of your code, helping optimize runtime speed and resource use.

Measuring function execution time accurately

Deno

import { bench, runBenchmarks } from "https://deno.land/std@0.203.0/testing/bench.ts";

bench({
  name: "doSomething benchmark",
  fn() {
    doSomething();
  },
});

if (import.meta.main) {
  await runBenchmarks();
}

Provides high precision timing and detailed stats without blocking main thread.

📈 Performance GainNon-blocking, accurate timing, detailed output

Measuring function execution time accurately

Deno

const start = Date.now();
for(let i=0; i<1000000; i++) { doSomething(); }
const end = Date.now();
console.log(`Time: ${end - start}ms`);

Using Date.now() is less precise and can be affected by system clock changes, leading to inaccurate benchmarks.

📉 Performance CostBlocks main thread during measurement, no detailed stats

Performance Comparison

Pattern	DOM Operations	Reflows	Paint Cost	Verdict
Manual Date.now() timing	0	0	0	[X] Bad
deno bench API usage	0	0	0	[OK] Good

Rendering Pipeline

Deno bench runs outside the browser rendering pipeline, focusing on measuring JavaScript execution time precisely without affecting UI rendering.

→JavaScript Execution

→Event Loop

⚠️ BottleneckJavaScript execution time measurement accuracy

Optimization Tips

1Use deno bench for precise, non-blocking JavaScript performance measurement.

2Avoid manual timing methods like Date.now() for benchmarking.

3Run benchmarks outside of main app logic to prevent blocking user interactions.

Performance Quiz - 3 Questions

Why is using deno bench better than manual Date.now() for benchmarking?

A It provides more precise timing and detailed statistics.

B It runs benchmarks in the browser rendering pipeline.

C It blocks the main thread to get accurate results.

D It automatically optimizes your code.

DevTools: Console

How to check: Run deno bench in terminal and observe detailed timing results and statistics.

What to look for: Look for consistent timing results and detailed stats like ops/sec and average time.

Practice

1. What is the main purpose of deno bench in Deno?

easy

A. To format code automatically

B. To check for syntax errors in code

C. To deploy Deno applications to the cloud

D. To measure how fast a piece of code runs

Solution

1. Step 1: Understand the role of benchmarking

   Benchmarking is used to measure the speed or performance of code.

2. Step 2: Identify what deno bench does

   deno bench runs benchmark tests to measure execution time of code snippets.

3. Final Answer:

   To measure how fast a piece of code runs -> Option D

4. Quick Check:

   Benchmarking = measuring speed [OK]

Hint: Benchmark means measuring speed or performance [OK]

Common Mistakes:

• Confusing benchmarking with syntax checking
• Thinking it deploys code
• Assuming it formats code automatically

2. Which of the following is the correct syntax to define a benchmark in Deno?

easy

A. bench({ name: "test", fn: () => { /* code */ } })

B. bench = function(name, fn) { /* code */ }

C. benchmark test() { /* code */ }

D. bench: { name = "test", fn() { /* code */ } }

Solution

1. Step 1: Recall the official benchmark syntax

   The correct way is to call bench with an object containing name and fn properties.

2. Step 2: Compare options to the correct pattern

   bench({ name: "test", fn: () => { /* code */ } }) matches the pattern bench({ name: "test", fn: () => { } }). Others are invalid syntax.

3. Final Answer:

   bench({ name: "test", fn: () => { /* code */ } }) -> Option A

4. Quick Check:

   Use object with name and fn keys [OK]

Hint: Use bench({ name, fn }) to define benchmarks [OK]

Common Mistakes:

• Using assignment instead of function call
• Incorrect object syntax
• Using invalid keywords like 'benchmark'

3. What will be the output behavior when running this benchmark code with deno bench?

bench({
  name: "sum test",
  fn() {
    let sum = 0;
    for (let i = 0; i < 1000; i++) {
      sum += i;
    }
  }
});

medium

A. It prints the time taken to run the loop 1000 times

B. It prints the sum value after the loop

C. It throws a syntax error because of missing return

D. It runs but does not show any output

Solution

1. Step 1: Understand what deno bench does

   It runs the benchmark function multiple times and reports the time taken.

2. Step 2: Analyze the code behavior

   The code sums numbers but does not return or print the sum. The benchmark tool measures execution time, not return values.

3. Final Answer:

   It prints the time taken to run the loop 1000 times -> Option A

4. Quick Check:

   Benchmarks show timing, not return values [OK]

Hint: Benchmarks report time, not return values [OK]

Common Mistakes:

• Expecting printed sum output
• Thinking a return is required
• Assuming no output is shown

4. Identify the error in this benchmark code:

bench({
  name: "test",
  fn: () => {
    let x = 0
    for (let i = 0; i < 10; i++) {
      x += i;
    }
  }
});

medium

A. Missing semicolon after let x = 0

B. Using arrow function instead of regular function

C. No error, code runs fine

D. Missing await keyword inside fn

Solution

1. Step 1: Check syntax carefully

   JavaScript allows optional semicolons. Automatic Semicolon Insertion (ASI) inserts a semicolon after let x = 0 before the for loop since for cannot continue the previous statement.

2. Step 2: Verify other potential issues

   Arrow functions are valid for fn. The code is synchronous, so no await is needed. The code is syntactically valid and runs fine.

3. Final Answer:

   No error, code runs fine -> Option C

4. Quick Check:

   ASI handles missing semicolon before for [OK]

Hint: Semicolons are optional in JS; ASI works before for loops [OK]

Common Mistakes:

• Thinking missing semicolon is a syntax error
• Believing arrow functions are invalid in benchmarks
• Assuming await is needed for synchronous loops

5. You want to benchmark two functions: one that sums numbers from 1 to 1000, and another that multiplies numbers from 1 to 1000. How should you write the benchmark code to compare their speeds correctly?

hard

A. Run one function inside bench and call the other outside

B. Define two separate bench calls each with a unique name and function

C. Put both functions inside one bench call and run them sequentially

D. Use bench only for the sum function and measure multiply manually

Solution

1. Step 1: Understand benchmarking multiple functions

   Each benchmark should be defined separately with a unique name to measure independently.

2. Step 2: Why separate bench calls are needed

   Running both in one bench mixes timings and does not isolate performance.

3. Final Answer:

   Define two separate bench calls each with a unique name and function -> Option B

4. Quick Check:

   Separate benchmarks for accurate comparison [OK]

Hint: Use separate bench calls with unique names [OK]

Common Mistakes:

• Combining multiple tests in one bench
• Measuring one function outside bench
• Skipping benchmark for one function