What is Bun?

From official site - Bun is a fast JavaScript all-in-one toolkit/bundler/runtime/package-manager/test runner.

Bun - it's similar to node.js and Deno - both of them are JavaScript runtimes.

Deno also can supports typescript out-of box and compilation step does not required.

Environment information

I use MacBook Pro 14-inch, 2023.

How to install Bun

From Official site:

curl -fsSL https://bun.sh/install | bash

Test

Disclaimer: I cannot test bun on the current project, since we use unimplemented bun node: API. When bun will fully compatable with node.js - I will retest on the real project.

The test is simple. We will run both headless and headful modes

Video 1. Repesentation of headless mode.

Project structure will be looks like this:

- src
  - demo.test.ts - our scenario to test
- package.json 
- playwright.config.ts - playwright configuration

Round 1. Headful mode

playwright Configuration will be looks like this:

// playwright.config.ts
import { defineConfig, devices } from "@playwright/test";

export default defineConfig({
  // Look for test files in the "tests" directory, relative to this configuration file.
  testDir: "tests",
  workers: 1,
  use: {
    // Base URL to use in actions like `await page.goto('/')`.
    baseURL: "https://google.com",
    launchOptions: {
      // headful mode
      headless: false,
    },
  },
  // Configure projects for major browsers.
  projects: [
    {
      name: "chromium",
      use: { ...devices["Desktop Chrome"] },
    },
  ],
});

And Test file will be looks like:

// tests/some.test.ts
import { test, expect } from "@playwright/test";

test("should work", async ({ page }) => {
  // opens baseURL
  await page.goto("/");
});

Let's see some results:

Table 1. Bun vs. pnpm vs yarn vs npm. Headful mode. Time in seconds

Very impressive. Bun is about 12% faster than pnpm in execution time. Npm is a second after bun! 🤯

Round 2. Headless mode

Same test file, but let's update configuration in playwright.config.ts file

// playwright.config.ts

import { defineConfig, devices } from "@playwright/test";

export default defineConfig({
  // Look for test files in the "tests" directory, relative to this configuration file.
  testDir: "tests",
  workers: 1,
  use: {
    // Base URL to use in actions like `await page.goto('/')`.
    baseURL: "https://google.com",
    launchOptions: {
      // headless mode
      headless: true,
    },
  },
  // Configure projects for major browsers.
  projects: [
    {
      name: "chromium",
      use: { ...devices["Desktop Chrome"] },
    },
  ],
});

Table 2. Bun vs. pnpm vs yarn vs npm. Headless mode. Time in seconds

Difference between executions for pnpm and bun is about 12%! pnpm is a slowest!

Conclusion

I was impressive! Bun is 11% faster than pnpm; 9% faster than yarn and 8% faster than npm

NOTE 1: I cannot test bun on the current project, since we use unimplemented bun node: API. When bun will fully compatable with node.js - I will retest on the real project.

Observation 1: NPM is a second after bun by execution time. It blows my mind! 🤯

Observation 2: PNPM is a slowest package manager by execution time. Nevertheless, I'm still like it by installation and lock-resolving time.

I thing that Bun is preferable than Deno! Why? Because deno starts own ecosystem without node.js compatibility and it's have own package system (as URL importing instead of local package name). URL import notation can confused developers and it always to be remember package URL.

Bunbye!

Used Links

• [1]: https://docs.npmjs.com/ - npm
• [2]: https://yarnpkg.com/ - yarn
• [3]: https://pnpm.io/> pnpm
• [4]: https://bun.sh/> bun
• [5]: https://nodejs.org/en> nodejs

P.S

Did you know that i have an own blog site where I share my observations? On my blog you can see exclusives post which I'm not publish on other resources like devto or medium. Check it out - https://blog-vitaliharadkou.vercel.app/blog/