docs: Update benchmarks

Signed-off-by: Dmitry Dygalo <dmitry@dygalo.dev>

Author: Stranger6667

README.md

@@ -267,14 +267,14 @@ Caching is disabled by default.
 
 `css-inline` typically inlines HTML emails within hundreds of microseconds, though results may vary with input complexity.
 
-Benchmarks for `css-inline==0.17.0`:
+Benchmarks for `css-inline==0.18.0`:
 
-- Basic: **4.10 µs**, 230 bytes
-- Realistic-1: **84.30 µs**, 8.58 KB
-- Realistic-2: **57.31 µs**, 4.3 KB
-- GitHub page: **135.06 ms**, 1.81 MB
+- Basic: **4.20 µs**, 230 bytes
+- Realistic-1: **85.56 µs**, 8.58 KB
+- Realistic-2: **51.97 µs**, 4.3 KB
+- GitHub page: **28.78 ms**, 1.81 MB
 
-These benchmarks, conducted using `rustc 1.87` on Ryzen 9 9950X, can be found in `css-inline/benches/inliner.rs`.
+These benchmarks, conducted using `rustc 1.91` on Ryzen 9 9950X, can be found in `css-inline/benches/inliner.rs`.
 
 ## Command Line Interface
 

bindings/javascript/README.md

@@ -246,15 +246,16 @@ Most of the time it achieves over a **3x** speed advantage compared to the next
 
 Here is the performance comparison:
 
-|             | Size    | `css-inline 0.14.0` | `css-inline-wasm 0.13.0` | `juice 10.0.0`        | `inline-css 4.0.2`   |
-|-------------|---------|---------------------|--------------------------|-----------------------|----------------------|
-| Basic       | 230 B   | 16.82 µs            | 20.92 µs (**1.24x**)     | 57.00 µs (**3.38x**)  | 68.43 µs (**4.06x**) |
-| Realistic-1 | 8.58 KB | 351.74 µs           | 452.28 µs (**1.28x**)    | 859.10 µs (**2.44x**) | 1.04 ms (**2.98x**)  |
-| Realistic-2 | 4.3 KB  | 203.25 µs           | 269.54 µs (**1.32x**)    | 1.02 ms (**5.04x**)   | 861.32 µs (**4.23x**)  |
+|             | Size    | `css-inline 0.18.0` | `css-inline-wasm 0.18.0` | `juice 11.0.3`          | `inline-css 4.0.3`      |
+|-------------|---------|---------------------|--------------------------|-------------------------|-------------------------|
+| Basic       | 230 B   | 8.57 µs             | 16.47 µs (**1.92x**)     | 45.84 µs (**5.35x**)    | 55.77 µs (**6.51x**)    |
+| Realistic-1 | 8.58 KB | 177.18 µs           | 363.64 µs (**2.05x**)    | 691.56 µs (**3.90x**)   | 919.12 µs (**5.19x**)   |
+| Realistic-2 | 4.3 KB  | 94.96 µs            | 188.58 µs (**1.99x**)    | 736.38 µs (**7.76x**)   | 625.00 µs (**6.58x**)   |
+| GitHub page | 1.81 MB | 64.82 ms            | 126.20 ms (**1.95x**)    | 1.64 s (**25.27x**)     | 330.83 ms (**5.10x**)   |
 
 The "Basic" case was obtained from benchmarking the example from the Usage section.
 
-The benchmarking code is available in the `benches/bench.ts` file. The benchmarks were conducted using the stable `rustc 1.77.1` on Node.js `v21.1.0`.
+The benchmarking code is available in the `benches/bench.ts` file. The benchmarks were conducted using the stable `rustc 1.91` on Node.js `v22.21.1`.
 
 ## License
 

bindings/javascript/benches/bench.ts

@@ -14,22 +14,61 @@ async function run() {
   await initWasm(fs.readFile(join(__dirname, "../wasm/index_bg.wasm")));
 
   for (const { name, html } of benches) {
+    // Use more samples for big_page benchmark to get better resolution
+    const options = name === "big_page" ? { minSamples: 20 } : {};
     await b.suite(
       name,
-      b.add("css-inline", () => {
-        inline(html);
-      }),
-      b.add("css-inline-wasm", () => {
-        wasmInline(html);
-      }),
-      b.add("juice", () => {
-        juice(html);
-      }),
-      b.add("inline-css", () => {
-        inlineCss(html);
-      }),
+      b.add(
+        "css-inline",
+        () => {
+          inline(html);
+        },
+        options,
+      ),
+      b.add(
+        "css-inline-wasm",
+        () => {
+          wasmInline(html);
+        },
+        options,
+      ),
+      b.add(
+        "juice",
+        () => {
+          juice(html);
+        },
+        options,
+      ),
+      b.add(
+        "inline-css",
+        () => {
+          inlineCss(html);
+        },
+        options,
+      ),
       b.cycle(),
-      b.complete(),
+      b.complete((summary) => {
+        // For slow benchmarks, print precise timing from mean values
+        const fastest = summary.results[0];
+        if (fastest.ops < 100) {
+          // eslint-disable-next-line no-console
+          console.log("\nPrecise timing (mean):");
+          const fastestMean = fastest.details.mean;
+          for (const result of summary.results) {
+            const mean = result.details.mean;
+            const timeStr =
+              mean >= 1
+                ? `${mean.toFixed(2)} s`
+                : `${(mean * 1000).toFixed(2)} ms`;
+            const ratio =
+              result === fastest
+                ? ""
+                : ` (${(mean / fastestMean).toFixed(2)}x slower)`;
+            // eslint-disable-next-line no-console
+            console.log(`  ${result.name}: ${timeStr}${ratio}`);
+          }
+        }
+      }),
     );
   }
 }

bindings/javascript/js-binding.d.ts

@@ -38,8 +38,8 @@ export interface Options {
   preallocateNodeCapacity?: number
 }
 /** Inline CSS styles from <style> tags to matching elements in the HTML tree and return a string. */
-export function inline(html: string, options?: Options | undefined | null): string
+export declare function inline(html: string, options?: Options | undefined | null): string
 /** Inline CSS styles into an HTML fragment. */
-export function inlineFragment(html: string, css: string, options?: Options | undefined | null): string
+export declare function inlineFragment(html: string, css: string, options?: Options | undefined | null): string
 /** Get the package version. */
-export function version(): string
+export declare function version(): string

bindings/javascript/js-binding.js

@@ -224,28 +224,42 @@ switch (platform) {
         }
         break
       case 'arm':
+        localFileExisted = existsSync(
+          join(__dirname, 'css-inline.linux-arm-gnueabihf.node')
+        )
+        try {
+          if (localFileExisted) {
+            nativeBinding = require('./css-inline.linux-arm-gnueabihf.node')
+          } else {
+            nativeBinding = require('@css-inline/css-inline-linux-arm-gnueabihf')
+          }
+        } catch (e) {
+          loadError = e
+        }
+        break
+      case 'riscv64':
         if (isMusl()) {
           localFileExisted = existsSync(
-            join(__dirname, 'css-inline.linux-arm-musleabihf.node')
+            join(__dirname, 'css-inline.linux-riscv64-musl.node')
           )
           try {
             if (localFileExisted) {
-              nativeBinding = require('./css-inline.linux-arm-musleabihf.node')
+              nativeBinding = require('./css-inline.linux-riscv64-musl.node')
             } else {
-              nativeBinding = require('@css-inline/css-inline-linux-arm-musleabihf')
+              nativeBinding = require('@css-inline/css-inline-linux-riscv64-musl')
             }
           } catch (e) {
             loadError = e
           }
         } else {
           localFileExisted = existsSync(
-              join(__dirname, 'css-inline.linux-arm-gnueabihf.node')
+            join(__dirname, 'css-inline.linux-riscv64-gnu.node')
           )
           try {
             if (localFileExisted) {
-              nativeBinding = require('./css-inline.linux-arm-gnueabihf.node')
+              nativeBinding = require('./css-inline.linux-riscv64-gnu.node')
             } else {
-              nativeBinding = require('@css-inline/css-inline-linux-arm-gnueabihf')
+              nativeBinding = require('@css-inline/css-inline-linux-riscv64-gnu')
             }
           } catch (e) {
             loadError = e

bindings/javascript/package.json

@@ -53,8 +53,8 @@
     "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-prettier": "^5.1.2",
     "eslint-plugin-sonarjs": "^0.23.0",
-    "inline-css": "^4.0.2",
-    "juice": "^10.0.0",
+    "inline-css": "^4.0.3",
+    "juice": "^11.0.3",
     "npm-run-all2": "^6.1.1",
     "prettier": "^3.1.1",
     "typescript": "^5.3.3"