๐Ÿš€ Live Benchmark Testing

Interactive SVG Performance Testing in Your Browser

Test SVGER-CLI's SVG processing performance directly in your browser without installing anything. Upload your own SVG files or use our sample icons to see real-time conversion metrics.

Zero Install Real-Time Multi-Framework Export Results

โœจ Key Features

๐Ÿ“Š Real-Time Metrics
Track files processed, total time, average time per file, and throughput (files/second) as the benchmark runs.
๐ŸŽฏ Multiple Test Modes
Choose between pre-loaded sample SVGs (10 icons) or upload your own custom SVG files for testing.
๐Ÿ”„ Framework Comparison
Test conversion performance across React, Vue 3, Angular, and Svelte to compare results.
๐Ÿ“ฅ Export Capability
Download detailed results as JSON including all metrics, per-file times, and timestamps.
๐ŸŽจ Visual Feedback
Animated progress bar, status badges, and color-coded results for easy monitoring.

๐Ÿงช How to Test

Option 1: Sample SVGs (Quick Test)

  1. Open the live benchmark/evidence section from the documentation site
  2. Select framework (React, Vue, Angular, Svelte)
  3. Keep "Sample SVGs (10 icons)" selected
  4. Click "Run Benchmark Test"
  5. Watch real-time progress and results

Option 2: Upload Custom SVGs

  1. Switch to "Upload Your SVGs" mode
  2. Drag & drop SVG files or click to browse
  3. Verify file count and size display
  4. Click "Run Benchmark Test"
  5. Export results as JSON for record-keeping

๐Ÿ“ˆ Expected Performance

Sample Test (10 files)

Total Time: 100-300ms
Per File: 10-30ms
Throughput: 30-100/s
Success: 100%
Custom Upload (20 files)

Total Time: 200-600ms
Per File: 10-30ms
Throughput: 30-100/s
Success: 95-100%

๐Ÿ’ป Technical Details

The benchmark system simulates SVGER-CLI's SVG processing pipeline:

๐Ÿ“Œ Note: This is a browser-based simulation. Actual CLI performance may vary based on system resources and file complexity. For production benchmarks, see our real-world test results.

๐ŸŽฏ Try It Now!

Experience the interactive benchmark testing directly on the documentation site

๐Ÿš€ Launch Benchmark Testing
๐Ÿ“– View Full Documentation

๐Ÿ“š Additional Resources