WASM vs JavaScript 2026 — проверка на Flutter Web

int bitMix(int seed, int count) {  var x = seed;  for (var i = 0; i < count; i++) {    x = (x ^ (x << 13)) & 0xffffffff;    x = (x ^ (x >> 17)) & 0xffffffff;    x = (x ^ (x << 5)) & 0xffffffff;  }  return x;}Kernel(      'int32',      'Вычисления',      'Целые: xorshift / битовые операции',      '300 000 шагов; u32',      () => bitMix(data.seed, 300000),    )

double dot(List<double> a, List<double> b) {  var sum = 0.0;  for (var i = 0; i < a.length; i++) {    sum += a[i] * b[i];  }  return sum;}Kernel(      'double_dot',      'Вычисления',      'Float64: скалярное произведение',      '65 536 пар',      () => dot(a, b),    )

Kernel(      'transcendental',      'Вычисления',      'sin / cos / sqrt',      '30 000 аргументов',      () {        var sum = 0.0;        for (var i = 0; i < 30000; i++) {          final x = a[i];          sum += math.sin(x) * math.cos(x) + math.sqrt(x);        }        return sum;      },    )

Float64List multiply(List<double> a, List<double> b, int n) {  final out = Float64List(n * n);  for (var i = 0; i < n; i++) {    for (var k = 0; k < n; k++) {      final v = a[i * n + k];      for (var j = 0; j < n; j++) {        out[i * n + j] += v * b[k * n + j];      }    }  }  return out;}Kernel(      'matrix',      'Вычисления',      'Матрицы: обычный тройной цикл',      '64×64; Float64; включая output',      () => multiply(matrixA, matrixB, 64).fold(0.0, (x, y) => x + y),    )

int stencil(Uint32List image, int width) {  var sum = 0;  for (var y = 1; y < width - 1; y++) {    for (var x = 1; x < width - 1; x++) {      final p = y * width + x;      sum +=          (image[p - width - 1] +              image[p - width] +              image[p - width + 1] +              image[p - 1] +              image[p] +              image[p + 1] +              image[p + width - 1] +              image[p + width] +              image[p + width + 1]) ~/          9;    }  }  return sum;}Kernel(      'image_stencil',      'Вычисления',      'Изображение: box-filter 3×3',      '256×256; без декодера/GPU',      () => stencil(data.values, 256),    )

Kernel(      'audio_fir',      'Вычисления',      'Аудио: FIR-фильтр',      '8 192 отсчёта × 32 taps',      () {        var sum = 0.0;        for (var i = 32; i < 8192; i++) {          for (var j = 0; j < 32; j++) {            sum += a[i - j] * b[j];          }        }        return sum;      },    )

Kernel(      'branch',      'Вычисления',      'Условные переходы по данным',      '262 144 значений',      () {        var sum = 0;        for (var i = 0; i < 262144; i++) {          final v = data.values[i];          if (v < 20000) {            sum += v * 3;          } else if (v < 40000) {            sum -= v;          } else {            sum += v ~/ 3;          }        }        return sum;      },    )

int fibonacci(int n) => n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);Kernel(      'recursion',      'Вычисления',      'Рекурсивные вызовы: Fibonacci',      'n=25',      () => fibonacci(25),    )

Kernel(      'bigint',      'Вычисления',      'BigInt: точная арифметика',      '1 000 modular multiply; 127 бит',      () {        var x = BigInt.from(data.seed);        for (var i = 0; i < 1000; i++) {          x = (x * x + BigInt.from(i)) % big;        }        return (x & BigInt.from(0x7fffffff)).toInt();      },    )

Kernel('dart_scalar_vector','Вычисления','Dart int: контроль суммы векторов','262 144 целых; тот же результат',(){      var sum=0;for(var i=0;i<scalarLanes.length;i++) {sum+=scalarLanes[i];}return sum;    })

Kernel('dart_vector','Вычисления','Dart Int32x4: сумма векторов','65 536 векторов; API не гарантирует SIMD',(){      var sum=Int32x4(0,0,0,0);for(var i=0;i<lanes.length;i++) {sum=sum+lanes[i];}return sum.x+sum.y+sum.z+sum.w;    })

for (final length in [4096, 1048576])      Kernel(        'memory_$length',        'Память',        'Последовательное чтение ${length == 4096 ? '16 KiB' : '4 MiB'}',        '$length × Uint32',        () {          var sum = 0;          for (var i = 0; i < length; i++) {            sum += data.values[i];          }          return sum;        },      )

for (final length in [4096, 1048576])      Kernel(        'memory_$length',        'Память',        'Последовательное чтение ${length == 4096 ? '16 KiB' : '4 MiB'}',        '$length × Uint32',        () {          var sum = 0;          for (var i = 0; i < length; i++) {            sum += data.values[i];          }          return sum;        },      )

Kernel(      'random_memory',      'Память',      'Зависимое случайное чтение',      '1 MiB; 262 144 переходов',      () {        var p = data.seed & (links.length - 1), sum = 0;        for (var i = 0; i < links.length; i++) {          p = links[p];          sum += p;        }        return sum;      },    )

Kernel(      'bulk_copy',      'Память',      'TypedData.setAll: копирование',      '4 MiB; заранее выделенный output',      () {        copy.setAll(0, data.values);        return copy[0] + copy[copy.length - 1];      },    )

Kernel(      'allocation_short',      'Объекты',      'Короткоживущие объекты',      '32 партии × 1 024 Cell',      () {        var sum = 0;        for (var round = 0; round < 32; round++) {          final cells = List.generate(            1024,            (i) => Cell(data.values[i + round]),          );          for (final c in cells) {            sum += c.value;          }        }        return sum;      },    )

Kernel(      'allocation_graph',      'Объекты',      'Объектный граф и проход по ссылкам',      '32 768 связанных Cell; allocation включён',      () {        Cell? head;        for (var i = 0; i < 32768; i++) {          head = Cell(data.values[i], head);        }        var sum = 0;        while (head != null) {          sum += head.value;          head = head.next;        }        return sum;      },    )

Kernel(      'dispatch',      'Объекты',      'Полиморфные вызовы',      '300 000 вызовов; 3 реализации',      () {        var x = data.seed & 65535;        for (var i = 0; i < 300000; i++) {          x = operations[i % 3].apply(x);        }        return x;      },    )

Kernel(      'sort',      'Коллекции',      'Сортировка чисел',      '20 000 значений; копирование включено',      () {        final out = data.values.take(20000).toList()..sort();        var sum = 0;        for (var i = 0; i < out.length; i++) {          sum = (sum + out[i] * (i + 1)) % 1000000007;        }        return sum;      },    )

Kernel(      'map',      'Коллекции',      'Хеш-таблица: поиск строковых ключей',      '20 000 поисков; Map подготовлен',      () {        var sum = 0;        for (final k in keys) {          sum += map[k]!;        }        return sum;      },    )

Kernel(      'string_build',      'Текст',      'StringBuffer / форматирование',      '2 000 строк',      () {        final out = StringBuffer();        for (var i = 0; i < 2000; i++) {          out.write('item_$i:${data.values[i]};');        }        return out.toString().length;      },    )

Kernel(      'utf8_encode',      'Текст',      'UTF-8: кодирование Unicode',      '2 000 многоязычных строк',      () => utf8.encode(data.text).fold<int>(0, (a, b) => a + b),    )

Kernel(      'utf8_decode',      'Текст',      'UTF-8: декодирование Unicode',      '2 000 многоязычных строк',      () => utf8.decode(encoded).length,    )

Kernel('regexp', 'Текст', 'RegExp: поиск и группы', '2 000 совпадений', () {      var sum = 0;      for (final m in regular.allMatches(data.text)) {        sum += int.parse(m.group(1)!);      }      return sum;    })

Kernel(      'json_encode',      'Сериализация',      'JSON: encode',      '2 000 объектов × 4 поля',      () => jsonEncode(data.records).length,    )

Kernel(      'json_decode',      'Сериализация',      'JSON: decode и чтение поля',      '2 000 объектов × 4 поля',      () {        final rows = jsonDecode(data.json) as List;        var sum = 0;        for (final r in rows) {          sum += (r['value'] as num).toInt();        }        return sum;      },    )

Workload('interop_scalar','Граница JS','Dart → JS: маленькие вызовы','20 000 вызовов',sync:(){      var sum=0.0; for(var i=0;i<20000;i++) {sum+=bridge.scalar(i.toDouble());} return sum;    })

Workload('interop_batch','Граница JS','Dart → JS: один пакет','65 536 чисел; toJS + sum',sync:()=>bridge.sum(interop.toJS))

Workload('interop_roundtrip','Граница JS','TypedData: toJS → toDart','65 536 чисел; включая доступ JS',sync:(){      final js=interop.toJS; final sum=bridge.sum(js); return sum+js.toDart.last;    })

Workload('microtasks','Асинхронность','Future / microtasks','1 000 await Future.value',async:()async{      var sum=0;for(var i=0;i<1000;i++) {sum+=await Future.value(i);}return sum;    })

for(final c in const [      ['webcrypto','WebCrypto: SHA-256','64 KiB; браузерный native API'],      ['timer_wait','Ожидание таймера','15 ms requested; elapsed measured'],      ['local_fetch','Локальный HTTP fetch','64 KiB; no-store; без WAN'],      ['indexeddb','IndexedDB: put/get/delete','64 KiB; одна транзакция'],      ['worker_transfer','Web Worker: transfer + ответ','64 KiB; копирование и суммирование'],    ]) Workload(c[0],'Браузер / I/O',c[1],c[2],async:()async=>(await bridge.nativeAsync(c[0].toJS).toDart).toDartDouble),@JS('bench.nativeAsync') external JSPromise<JSNumber> nativeAsync(JSString id);

  case 'webcrypto':return [...new Uint8Array(await crypto.subtle.digest('SHA-256',bench.bytes))].reduce((a,b)=>a+b,0);

for(final c in const [      ['webcrypto','WebCrypto: SHA-256','64 KiB; браузерный native API'],      ['timer_wait','Ожидание таймера','15 ms requested; elapsed measured'],      ['local_fetch','Локальный HTTP fetch','64 KiB; no-store; без WAN'],      ['indexeddb','IndexedDB: put/get/delete','64 KiB; одна транзакция'],      ['worker_transfer','Web Worker: transfer + ответ','64 KiB; копирование и суммирование'],    ]) Workload(c[0],'Браузер / I/O',c[1],c[2],async:()async=>(await bridge.nativeAsync(c[0].toJS).toDart).toDartDouble),@JS('bench.nativeAsync') external JSPromise<JSNumber> nativeAsync(JSString id);

  case 'timer_wait':await new Promise(r=>setTimeout(r,15));return 15;

for(final c in const [      ['webcrypto','WebCrypto: SHA-256','64 KiB; браузерный native API'],      ['timer_wait','Ожидание таймера','15 ms requested; elapsed measured'],      ['local_fetch','Локальный HTTP fetch','64 KiB; no-store; без WAN'],      ['indexeddb','IndexedDB: put/get/delete','64 KiB; одна транзакция'],      ['worker_transfer','Web Worker: transfer + ответ','64 KiB; копирование и суммирование'],    ]) Workload(c[0],'Браузер / I/O',c[1],c[2],async:()async=>(await bridge.nativeAsync(c[0].toJS).toDart).toDartDouble),@JS('bench.nativeAsync') external JSPromise<JSNumber> nativeAsync(JSString id);

  case 'local_fetch':{const r=await fetch('payload.bin',{cache:'no-store'});if(!r.ok)throw Error('fetch '+r.status);return bench.sum(new Uint8Array(await r.arrayBuffer()));}

for(final c in const [      ['webcrypto','WebCrypto: SHA-256','64 KiB; браузерный native API'],      ['timer_wait','Ожидание таймера','15 ms requested; elapsed measured'],      ['local_fetch','Локальный HTTP fetch','64 KiB; no-store; без WAN'],      ['indexeddb','IndexedDB: put/get/delete','64 KiB; одна транзакция'],      ['worker_transfer','Web Worker: transfer + ответ','64 KiB; копирование и суммирование'],    ]) Workload(c[0],'Браузер / I/O',c[1],c[2],async:()async=>(await bridge.nativeAsync(c[0].toJS).toDart).toDartDouble),@JS('bench.nativeAsync') external JSPromise<JSNumber> nativeAsync(JSString id);

  case 'indexeddb':return await new Promise((resolve,reject)=>{const tx=bench.db.transaction('scratch','readwrite');const store=tx.objectStore('scratch');    store.put(bench.bytes,'sample');let sum;store.get('sample').onsuccess=e=>{sum=bench.sum(e.target.result);};store.delete('sample');    tx.oncomplete=()=>resolve(sum);tx.>reject(tx.error);tx.onabort=()=>reject(tx.error);});

for(final c in const [      ['webcrypto','WebCrypto: SHA-256','64 KiB; браузерный native API'],      ['timer_wait','Ожидание таймера','15 ms requested; elapsed measured'],      ['local_fetch','Локальный HTTP fetch','64 KiB; no-store; без WAN'],      ['indexeddb','IndexedDB: put/get/delete','64 KiB; одна транзакция'],      ['worker_transfer','Web Worker: transfer + ответ','64 KiB; копирование и суммирование'],    ]) Workload(c[0],'Браузер / I/O',c[1],c[2],async:()async=>(await bridge.nativeAsync(c[0].toJS).toDart).toDartDouble),@JS('bench.nativeAsync') external JSPromise<JSNumber> nativeAsync(JSString id);

  case 'worker_transfer':return await new Promise((resolve,reject)=>{const copy=bench.bytes.slice().buffer;bench.worker.onmessage=e=>resolve(e.data);bench.worker.onmessage = ({data}) => {  let sum=0; for(const v of new Uint32Array(data)) sum+=v;  postMessage(sum);};

Workload('dom_layout','Браузер / I/O','DOM: запись стиля + forced layout','100 layout flushes; общий JS helper',sync:()=>bridge.nativeSync('dom_layout'.toJS))

  case 'dom_layout':{let sum=0;for(let i=0;i<100;i++){bench.dom.style.width=`${200+(i%17)}px`;sum+=bench.dom.offsetWidth;}return sum;}

Workload('text_layout','Flutter', 'Paragraph: формирование и layout','100 уникальных абзацев',sync:(){      var height=0.0;      for(var i=0;i<100;i++) {        final builder=ui.ParagraphBuilder(ui.ParagraphStyle(fontFamily:'Roboto',fontSize:14))          ..addText('Paragraph $i: Flutter text layout and measurement. ' * 3);        final p=builder.build()..layout(const ui.ParagraphConstraints(width:300));height+=p.height;p.dispose();      }return height;    })

Future<num> runScene(String id)async{    setState((){scene=id;tick=0;});    await SchedulerBinding.instance.endOfFrame;    num checksum=0;    for(var i=0;i<uiFrames;i++){      setState(()=>tick=i+1);      if(id=='ui_scroll'&&scroll.hasClients){scroll.jumpTo((i*127.0)%scroll.position.maxScrollExtent);}      await SchedulerBinding.instance.endOfFrame;      checksum+=i+1;    }    return checksum;  }Widget sceneWidget(){    switch(scene){      case 'ui_widgets':return Wrap(children:List.generate(600,(i)=>SizedBox(width:34,height:20,        child:ColoredBox(color:Color(0xff17304b+((i+tick)%12)*512),child:Text('${(i+tick)%99}',style:const TextStyle(fontSize:10))))));      case 'ui_scroll':return ListView.builder(controller:scroll,itemCount:50000,itemExtent:42,        itemBuilder:(context,i)=>ListTile(dense:true,leading:const Icon(Icons.data_object),title:Text('Record $i'),trailing:Text('${i*17}')));      case 'ui_paint':case 'ui_layers':return CustomPaint(painter:StressPainter(tick,scene=='ui_layers'),size:Size.infinite);      default:return Center(child:Column(mainAxisSize:MainAxisSize.min,children:[        const Icon(Icons.science_outlined,size:48,color:Color(0xff38bdf8)),const SizedBox(height:12),        Text('${cases.length} задач · 3 режима',style:Theme.of(context).textTheme.titleLarge),        const SizedBox(height:8),const Text('Вычисления · память · браузер · Flutter'),      ]));    }  }

Future<num> runScene(String id)async{    setState((){scene=id;tick=0;});    await SchedulerBinding.instance.endOfFrame;    num checksum=0;    for(var i=0;i<uiFrames;i++){      setState(()=>tick=i+1);      if(id=='ui_scroll'&&scroll.hasClients){scroll.jumpTo((i*127.0)%scroll.position.maxScrollExtent);}      await SchedulerBinding.instance.endOfFrame;      checksum+=i+1;    }    return checksum;  }Widget sceneWidget(){    switch(scene){      case 'ui_widgets':return Wrap(children:List.generate(600,(i)=>SizedBox(width:34,height:20,        child:ColoredBox(color:Color(0xff17304b+((i+tick)%12)*512),child:Text('${(i+tick)%99}',style:const TextStyle(fontSize:10))))));      case 'ui_scroll':return ListView.builder(controller:scroll,itemCount:50000,itemExtent:42,        itemBuilder:(context,i)=>ListTile(dense:true,leading:const Icon(Icons.data_object),title:Text('Record $i'),trailing:Text('${i*17}')));      case 'ui_paint':case 'ui_layers':return CustomPaint(painter:StressPainter(tick,scene=='ui_layers'),size:Size.infinite);      default:return Center(child:Column(mainAxisSize:MainAxisSize.min,children:[        const Icon(Icons.science_outlined,size:48,color:Color(0xff38bdf8)),const SizedBox(height:12),        Text('${cases.length} задач · 3 режима',style:Theme.of(context).textTheme.titleLarge),        const SizedBox(height:8),const Text('Вычисления · память · браузер · Flutter'),      ]));    }  }

Future<num> runScene(String id)async{    setState((){scene=id;tick=0;});    await SchedulerBinding.instance.endOfFrame;    num checksum=0;    for(var i=0;i<uiFrames;i++){      setState(()=>tick=i+1);      if(id=='ui_scroll'&&scroll.hasClients){scroll.jumpTo((i*127.0)%scroll.position.maxScrollExtent);}      await SchedulerBinding.instance.endOfFrame;      checksum+=i+1;    }    return checksum;  }Widget sceneWidget(){    switch(scene){      case 'ui_widgets':return Wrap(children:List.generate(600,(i)=>SizedBox(width:34,height:20,        child:ColoredBox(color:Color(0xff17304b+((i+tick)%12)*512),child:Text('${(i+tick)%99}',style:const TextStyle(fontSize:10))))));      case 'ui_scroll':return ListView.builder(controller:scroll,itemCount:50000,itemExtent:42,        itemBuilder:(context,i)=>ListTile(dense:true,leading:const Icon(Icons.data_object),title:Text('Record $i'),trailing:Text('${i*17}')));      case 'ui_paint':case 'ui_layers':return CustomPaint(painter:StressPainter(tick,scene=='ui_layers'),size:Size.infinite);      default:return Center(child:Column(mainAxisSize:MainAxisSize.min,children:[        const Icon(Icons.science_outlined,size:48,color:Color(0xff38bdf8)),const SizedBox(height:12),        Text('${cases.length} задач · 3 режима',style:Theme.of(context).textTheme.titleLarge),        const SizedBox(height:8),const Text('Вычисления · память · браузер · Flutter'),      ]));    }  }class StressPainter extends CustomPainter {  StressPainter(this.tick,this.layers);final int tick;final bool layers;  @override void paint(Canvas canvas,Size size){    final paint=Paint();    if(layers){      for(var i=0;i<100;i++){        final x=(i*31+tick*2)%size.width,y=(i*17)%size.height;        final r=Rect.fromLTWH(x,y,72,60);canvas.saveLayer(r,Paint()..color=const Color(0xaaeeeeee));        canvas.clipRRect(RRect.fromRectAndRadius(r,const Radius.circular(14)));        canvas.drawRect(r,paint..color=const Color(0xff38bdf8));        canvas.drawCircle(Offset(x+24,y+24),22,paint..color=const Color(0xffa78bfa));canvas.restore();      }    }else{      for(var i=0;i<2000;i++){        paint.color=Color.fromARGB(160,(i*17)%256,(i*31)%256,190);        canvas.drawCircle(Offset((i*37+tick*3)%size.width,(i*19)%size.height),3+(i%7).toDouble(),paint);      }    }  }  @override bool shouldRepaint(StressPainter old)=>old.tick!=tick||old.layers!=layers;}

Future<num> runScene(String id)async{    setState((){scene=id;tick=0;});    await SchedulerBinding.instance.endOfFrame;    num checksum=0;    for(var i=0;i<uiFrames;i++){      setState(()=>tick=i+1);      if(id=='ui_scroll'&&scroll.hasClients){scroll.jumpTo((i*127.0)%scroll.position.maxScrollExtent);}      await SchedulerBinding.instance.endOfFrame;      checksum+=i+1;    }    return checksum;  }Widget sceneWidget(){    switch(scene){      case 'ui_widgets':return Wrap(children:List.generate(600,(i)=>SizedBox(width:34,height:20,        child:ColoredBox(color:Color(0xff17304b+((i+tick)%12)*512),child:Text('${(i+tick)%99}',style:const TextStyle(fontSize:10))))));      case 'ui_scroll':return ListView.builder(controller:scroll,itemCount:50000,itemExtent:42,        itemBuilder:(context,i)=>ListTile(dense:true,leading:const Icon(Icons.data_object),title:Text('Record $i'),trailing:Text('${i*17}')));      case 'ui_paint':case 'ui_layers':return CustomPaint(painter:StressPainter(tick,scene=='ui_layers'),size:Size.infinite);      default:return Center(child:Column(mainAxisSize:MainAxisSize.min,children:[        const Icon(Icons.science_outlined,size:48,color:Color(0xff38bdf8)),const SizedBox(height:12),        Text('${cases.length} задач · 3 режима',style:Theme.of(context).textTheme.titleLarge),        const SizedBox(height:8),const Text('Вычисления · память · браузер · Flutter'),      ]));    }  }class StressPainter extends CustomPainter {  StressPainter(this.tick,this.layers);final int tick;final bool layers;  @override void paint(Canvas canvas,Size size){    final paint=Paint();    if(layers){      for(var i=0;i<100;i++){        final x=(i*31+tick*2)%size.width,y=(i*17)%size.height;        final r=Rect.fromLTWH(x,y,72,60);canvas.saveLayer(r,Paint()..color=const Color(0xaaeeeeee));        canvas.clipRRect(RRect.fromRectAndRadius(r,const Radius.circular(14)));        canvas.drawRect(r,paint..color=const Color(0xff38bdf8));        canvas.drawCircle(Offset(x+24,y+24),22,paint..color=const Color(0xffa78bfa));canvas.restore();      }    }else{      for(var i=0;i<2000;i++){        paint.color=Color.fromARGB(160,(i*17)%256,(i*31)%256,190);        canvas.drawCircle(Offset((i*37+tick*3)%size.width,(i*19)%size.height),3+(i%7).toDouble(),paint);      }    }  }  @override bool shouldRepaint(StressPainter old)=>old.tick!=tick||old.layers!=layers;}

for(final c in const [      ['external_js_sum','Сумма: написанный вручную JS','262 144 uint32; 1 MiB'],      ['external_wasm_sum','Сумма: скалярный Wasm','тот же массив, точный i32 result'],      ['external_simd_sum','Сумма: явный Wasm SIMD','i32x4.add; тот же массив'],      ['external_js_i64','Точные 64 бита: JS BigInt','10 000 multiply/xor modulo 2^64'],      ['external_wasm_i64','Точные 64 бита: Wasm i64','тот же алгоритм и точный результат'],    ]) Workload(c[0],'Контрольные Wasm-модули',c[1],c[2],sync:()=>bridge.nativeSync(c[0].toJS)),@JS('bench.nativeSync') external double nativeSync(JSString id);

sum:a=>{let s=0;for(let i=0;i<a.length;i++)s+=a[i];return s;},  case 'external_js_sum':return bench.sum(bench.ints);

for(final c in const [      ['external_js_sum','Сумма: написанный вручную JS','262 144 uint32; 1 MiB'],      ['external_wasm_sum','Сумма: скалярный Wasm','тот же массив, точный i32 result'],      ['external_simd_sum','Сумма: явный Wasm SIMD','i32x4.add; тот же массив'],      ['external_js_i64','Точные 64 бита: JS BigInt','10 000 multiply/xor modulo 2^64'],      ['external_wasm_i64','Точные 64 бита: Wasm i64','тот же алгоритм и точный результат'],    ]) Workload(c[0],'Контрольные Wasm-модули',c[1],c[2],sync:()=>bridge.nativeSync(c[0].toJS)),@JS('bench.nativeSync') external double nativeSync(JSString id);

  case 'external_wasm_sum':return bench.wasm.sum(bench.ints.length);

(module  (memory (export "memory") 64)  (func (export "sum") (param $n i32) (result i32)    (local $p i32) (local $s i32)    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32.add (local.get $s) (i32.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 1)))      (br $loop))) (local.get $s))  ;; n must be a multiple of four. Tests cover n=0,4,8 and full input.  (func (export "simd") (param $n i32) (result i32)    (local $p i32) (local $s v128)    (local.set $s (v128.const i32x4 0 0 0 0))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32x4.add (local.get $s) (v128.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 4)))      (br $loop)))    (i32.add (i32.add (i32x4.extract_lane 0 (local.get $s)) (i32x4.extract_lane 1 (local.get $s)))      (i32.add (i32x4.extract_lane 2 (local.get $s)) (i32x4.extract_lane 3 (local.get $s)))))  (func (export "i64mix") (param $n i32) (result i32)    (local $i i32) (local $x i64)    (local.set $x (i64.const 1234567))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $i) (local.get $n)))      (local.set $x (i64.xor (i64.mul (local.get $x) (i64.const 6364136223846793005)) (i64.extend_i32_u (local.get $i))))      (local.set $x (i64.xor (local.get $x) (i64.shr_u (local.get $x) (i64.const 33))))      (local.set $i (i32.add (local.get $i) (i32.const 1))) (br $loop)))    (i32.and (i32.wrap_i64 (local.get $x)) (i32.const 2147483647))))

for(final c in const [      ['external_js_sum','Сумма: написанный вручную JS','262 144 uint32; 1 MiB'],      ['external_wasm_sum','Сумма: скалярный Wasm','тот же массив, точный i32 result'],      ['external_simd_sum','Сумма: явный Wasm SIMD','i32x4.add; тот же массив'],      ['external_js_i64','Точные 64 бита: JS BigInt','10 000 multiply/xor modulo 2^64'],      ['external_wasm_i64','Точные 64 бита: Wasm i64','тот же алгоритм и точный результат'],    ]) Workload(c[0],'Контрольные Wasm-модули',c[1],c[2],sync:()=>bridge.nativeSync(c[0].toJS)),@JS('bench.nativeSync') external double nativeSync(JSString id);

  case 'external_simd_sum':return bench.wasm.simd(bench.ints.length);

(module  (memory (export "memory") 64)  (func (export "sum") (param $n i32) (result i32)    (local $p i32) (local $s i32)    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32.add (local.get $s) (i32.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 1)))      (br $loop))) (local.get $s))  ;; n must be a multiple of four. Tests cover n=0,4,8 and full input.  (func (export "simd") (param $n i32) (result i32)    (local $p i32) (local $s v128)    (local.set $s (v128.const i32x4 0 0 0 0))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32x4.add (local.get $s) (v128.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 4)))      (br $loop)))    (i32.add (i32.add (i32x4.extract_lane 0 (local.get $s)) (i32x4.extract_lane 1 (local.get $s)))      (i32.add (i32x4.extract_lane 2 (local.get $s)) (i32x4.extract_lane 3 (local.get $s)))))  (func (export "i64mix") (param $n i32) (result i32)    (local $i i32) (local $x i64)    (local.set $x (i64.const 1234567))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $i) (local.get $n)))      (local.set $x (i64.xor (i64.mul (local.get $x) (i64.const 6364136223846793005)) (i64.extend_i32_u (local.get $i))))      (local.set $x (i64.xor (local.get $x) (i64.shr_u (local.get $x) (i64.const 33))))      (local.set $i (i32.add (local.get $i) (i32.const 1))) (br $loop)))    (i32.and (i32.wrap_i64 (local.get $x)) (i32.const 2147483647))))

for(final c in const [      ['external_js_sum','Сумма: написанный вручную JS','262 144 uint32; 1 MiB'],      ['external_wasm_sum','Сумма: скалярный Wasm','тот же массив, точный i32 result'],      ['external_simd_sum','Сумма: явный Wasm SIMD','i32x4.add; тот же массив'],      ['external_js_i64','Точные 64 бита: JS BigInt','10 000 multiply/xor modulo 2^64'],      ['external_wasm_i64','Точные 64 бита: Wasm i64','тот же алгоритм и точный результат'],    ]) Workload(c[0],'Контрольные Wasm-модули',c[1],c[2],sync:()=>bridge.nativeSync(c[0].toJS)),@JS('bench.nativeSync') external double nativeSync(JSString id);

  bench.i64js=n=>{let x=1234567n;for(let i=0;i<n;i++){x=BigInt.asUintN(64,x*6364136223846793005n^BigInt(i));x^=x>>33n;}return Number(x&2147483647n);};  case 'external_js_i64':return bench.i64js(10000);

for(final c in const [      ['external_js_sum','Сумма: написанный вручную JS','262 144 uint32; 1 MiB'],      ['external_wasm_sum','Сумма: скалярный Wasm','тот же массив, точный i32 result'],      ['external_simd_sum','Сумма: явный Wasm SIMD','i32x4.add; тот же массив'],      ['external_js_i64','Точные 64 бита: JS BigInt','10 000 multiply/xor modulo 2^64'],      ['external_wasm_i64','Точные 64 бита: Wasm i64','тот же алгоритм и точный результат'],    ]) Workload(c[0],'Контрольные Wasm-модули',c[1],c[2],sync:()=>bridge.nativeSync(c[0].toJS)),@JS('bench.nativeSync') external double nativeSync(JSString id);

  case 'external_wasm_i64':return bench.wasm.i64mix(10000);

(module  (memory (export "memory") 64)  (func (export "sum") (param $n i32) (result i32)    (local $p i32) (local $s i32)    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32.add (local.get $s) (i32.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 1)))      (br $loop))) (local.get $s))  ;; n must be a multiple of four. Tests cover n=0,4,8 and full input.  (func (export "simd") (param $n i32) (result i32)    (local $p i32) (local $s v128)    (local.set $s (v128.const i32x4 0 0 0 0))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32x4.add (local.get $s) (v128.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 4)))      (br $loop)))    (i32.add (i32.add (i32x4.extract_lane 0 (local.get $s)) (i32x4.extract_lane 1 (local.get $s)))      (i32.add (i32x4.extract_lane 2 (local.get $s)) (i32x4.extract_lane 3 (local.get $s)))))  (func (export "i64mix") (param $n i32) (result i32)    (local $i i32) (local $x i64)    (local.set $x (i64.const 1234567))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $i) (local.get $n)))      (local.set $x (i64.xor (i64.mul (local.get $x) (i64.const 6364136223846793005)) (i64.extend_i32_u (local.get $i))))      (local.set $x (i64.xor (local.get $x) (i64.shr_u (local.get $x) (i64.const 33))))      (local.set $i (i32.add (local.get $i) (i32.const 1))) (br $loop)))    (i32.and (i32.wrap_i64 (local.get $x)) (i32.const 2147483647))))

JS / ST и JS / MT сравнивают подготовку кадра. В столбцах ST / MT сопоставлены два режима Wasm. Значение выше единицы означает, что режим в знаменателе выполнил этап быстрее.

import 'dart:typed_data';import 'package:flutter_test/flutter_test.dart';import 'package:wasm_versus_javascript/kernels.dart';void main(){  test('Independent known answers and boundary cases',(){expect(validateKernels()['passed'],15);});  test('Matrix product matches independent dot-product reference',(){    for(final n in [1,2,3,5,9]){      final a=List.generate(n*n,(i)=>(i%7-3).toDouble());      final b=List.generate(n*n,(i)=>(i%11-5).toDouble());      final got=multiply(a,b,n);      for(var row=0;row<n;row++){for(var col=0;col<n;col++){        final expected=List.generate(n,(k)=>a[row*n+k]*b[k*n+col]).fold<double>(0,(x,y)=>x+y);        expect(got[row*n+col],expected);      }}    }  });  test('Stencil matches an independent neighborhood implementation',(){    for(final w in [2,3,4,7,16]){      final values=Uint32List.fromList(List.generate(w*w,(i)=>(i*17)%256));      var expected=0;      for(var y=1;y<w-1;y++){for(var x=1;x<w-1;x++){        var pixel=0;for(final dy in [-1,0,1]){for(final dx in [-1,0,1]){pixel+=values[(y+dy)*w+x+dx];}}        expected+=pixel~/9;      }}expect(stencil(values,w),expected);    }  });  test('Seeded kernels return stable finite observable outputs',(){    final kernels=makeKernels(DataSet(20261009));    expect(kernels.map((k)=>k.id).toSet().length,kernels.length);    for(final k in kernels){final a=k.run(),b=k.run();expect(a.isFinite,true,reason:k.id);expect(a,b,reason:k.id);}  });}

Диагностика сравнивает медиану последних и первых трёх замеров. Хотя бы одна сессия следующих задач вышла за диапазон отношения от 0,8 до 1,25: Обмен данными с фоновым обработчиком; Вычисления с условиями; Изменение обычной HTML-страницы. Все эти значения сохранены в расчётах. Возможные составляющие разброса — прогрев, сборка мусора и фоновая нагрузка.

import 'dart:convert';import 'dart:math' as math;import 'dart:typed_data';/// Values keep all intermediate integer products below 2^53 on dart2js.class DataSet {  DataSet(this.seed) {    var state = seed;    values = Uint32List(1 << 20);    for (var i = 0; i < values.length; i++) {      state = (state * 1664525 + 1013904223) & 0xffffffff;      values[i] = state & 65535;    }    text = List.generate(      2000,      (i) => 'item_$i: alpha βета 日本語 😀 ${values[i]}\n',    ).join();    records = List.generate(      2000,      (i) => <String, Object>{        'id': i,        'name': 'item_$i',        'value': values[i],        'active': i.isEven,      },    );    json = jsonEncode(records);  }  final int seed;  late final Uint32List values;  late final String text;  late final List<Map<String, Object>> records;  late final String json;}class Kernel {  const Kernel(this.id, this.group, this.name, this.size, this.run);  final String id, group, name, size;  final num Function() run;}int bitMix(int seed, int count) {  var x = seed;  for (var i = 0; i < count; i++) {    x = (x ^ (x << 13)) & 0xffffffff;    x = (x ^ (x >> 17)) & 0xffffffff;    x = (x ^ (x << 5)) & 0xffffffff;  }  return x;}double dot(List<double> a, List<double> b) {  var sum = 0.0;  for (var i = 0; i < a.length; i++) {    sum += a[i] * b[i];  }  return sum;}Float64List multiply(List<double> a, List<double> b, int n) {  final out = Float64List(n * n);  for (var i = 0; i < n; i++) {    for (var k = 0; k < n; k++) {      final v = a[i * n + k];      for (var j = 0; j < n; j++) {        out[i * n + j] += v * b[k * n + j];      }    }  }  return out;}int stencil(Uint32List image, int width) {  var sum = 0;  for (var y = 1; y < width - 1; y++) {    for (var x = 1; x < width - 1; x++) {      final p = y * width + x;      sum +=          (image[p - width - 1] +              image[p - width] +              image[p - width + 1] +              image[p - 1] +              image[p] +              image[p + 1] +              image[p + width - 1] +              image[p + width] +              image[p + width + 1]) ~/          9;    }  }  return sum;}int fibonacci(int n) => n < 2 ? n : fibonacci(n - 1) + fibonacci(n - 2);class Cell {  Cell(this.value, [this.next]);  final int value;  final Cell? next;}abstract class Operation {  int apply(int x);}class Add implements Operation {  @override  int apply(int x) => (x + 17) & 65535;}class Xor implements Operation {  @override  int apply(int x) => x ^ 8191;}class Multiply implements Operation {  @override  int apply(int x) => (x * 3) & 65535;}List<Kernel> makeKernels(DataSet data) {  final a = Float64List.fromList(    List.generate(65536, (i) => data.values[i] / 65536),  );  final b = Float64List.fromList(    List.generate(65536, (i) => data.values[i + 100] / 65536),  );  final matrixA = Float64List.fromList(a.take(64 * 64).toList());  final matrixB = Float64List.fromList(b.take(64 * 64).toList());  final copy = Uint32List(data.values.length);  final links = Uint32List(1 << 18);  // Odd multiplier and increment form a full-period permutation modulo 2^18.  for (var i = 0; i < links.length; i++) {    links[i] = (i * 1664525 + 1013904223) & (links.length - 1);  }  final map = {for (var i = 0; i < 20000; i++) 'key_$i': data.values[i]};  final keys = List.generate(20000, (i) => 'key_${(i * 7919) % 20000}');  final operations = <Operation>[Add(), Xor(), Multiply()];  final regular = RegExp(r'item_(\d+):');  final encoded = utf8.encode(data.text);  final big = (BigInt.one << 127) - BigInt.one;  final lanes=Int32x4List(65536);  final scalarLanes=Int32List(262144);  for(var i=0;i<scalarLanes.length;i++) {scalarLanes[i]=data.values[i]&4095;}  for(var i=0;i<lanes.length;i++) {lanes[i]=Int32x4(scalarLanes[i*4],scalarLanes[i*4+1],scalarLanes[i*4+2],scalarLanes[i*4+3]);}  return [    Kernel('dart_vector','Вычисления','Dart Int32x4: сумма векторов','65 536 векторов; API не гарантирует SIMD',(){      var sum=Int32x4(0,0,0,0);for(var i=0;i<lanes.length;i++) {sum=sum+lanes[i];}return sum.x+sum.y+sum.z+sum.w;    }),    Kernel('dart_scalar_vector','Вычисления','Dart int: контроль суммы векторов','262 144 целых; тот же результат',(){      var sum=0;for(var i=0;i<scalarLanes.length;i++) {sum+=scalarLanes[i];}return sum;    }),    Kernel(      'int32',      'Вычисления',      'Целые: xorshift / битовые операции',      '300 000 шагов; u32',      () => bitMix(data.seed, 300000),    ),    Kernel(      'double_dot',      'Вычисления',      'Float64: скалярное произведение',      '65 536 пар',      () => dot(a, b),    ),    Kernel(      'transcendental',      'Вычисления',      'sin / cos / sqrt',      '30 000 аргументов',      () {        var sum = 0.0;        for (var i = 0; i < 30000; i++) {          final x = a[i];          sum += math.sin(x) * math.cos(x) + math.sqrt(x);        }        return sum;      },    ),    Kernel(      'matrix',      'Вычисления',      'Матрицы: обычный тройной цикл',      '64×64; Float64; включая output',      () => multiply(matrixA, matrixB, 64).fold(0.0, (x, y) => x + y),    ),    Kernel(      'image_stencil',      'Вычисления',      'Изображение: box-filter 3×3',      '256×256; без декодера/GPU',      () => stencil(data.values, 256),    ),    Kernel(      'audio_fir',      'Вычисления',      'Аудио: FIR-фильтр',      '8 192 отсчёта × 32 taps',      () {        var sum = 0.0;        for (var i = 32; i < 8192; i++) {          for (var j = 0; j < 32; j++) {            sum += a[i - j] * b[j];          }        }        return sum;      },    ),    Kernel(      'branch',      'Вычисления',      'Условные переходы по данным',      '262 144 значений',      () {        var sum = 0;        for (var i = 0; i < 262144; i++) {          final v = data.values[i];          if (v < 20000) {            sum += v * 3;          } else if (v < 40000) {            sum -= v;          } else {            sum += v ~/ 3;          }        }        return sum;      },    ),    Kernel(      'recursion',      'Вычисления',      'Рекурсивные вызовы: Fibonacci',      'n=25',      () => fibonacci(25),    ),    for (final length in [4096, 1048576])      Kernel(        'memory_$length',        'Память',        'Последовательное чтение ${length == 4096 ? '16 KiB' : '4 MiB'}',        '$length × Uint32',        () {          var sum = 0;          for (var i = 0; i < length; i++) {            sum += data.values[i];          }          return sum;        },      ),    Kernel(      'random_memory',      'Память',      'Зависимое случайное чтение',      '1 MiB; 262 144 переходов',      () {        var p = data.seed & (links.length - 1), sum = 0;        for (var i = 0; i < links.length; i++) {          p = links[p];          sum += p;        }        return sum;      },    ),    Kernel(      'bulk_copy',      'Память',      'TypedData.setAll: копирование',      '4 MiB; заранее выделенный output',      () {        copy.setAll(0, data.values);        return copy[0] + copy[copy.length - 1];      },    ),    Kernel(      'allocation_short',      'Объекты',      'Короткоживущие объекты',      '32 партии × 1 024 Cell',      () {        var sum = 0;        for (var round = 0; round < 32; round++) {          final cells = List.generate(            1024,            (i) => Cell(data.values[i + round]),          );          for (final c in cells) {            sum += c.value;          }        }        return sum;      },    ),    Kernel(      'allocation_graph',      'Объекты',      'Объектный граф и проход по ссылкам',      '32 768 связанных Cell; allocation включён',      () {        Cell? head;        for (var i = 0; i < 32768; i++) {          head = Cell(data.values[i], head);        }        var sum = 0;        while (head != null) {          sum += head.value;          head = head.next;        }        return sum;      },    ),    Kernel(      'dispatch',      'Объекты',      'Полиморфные вызовы',      '300 000 вызовов; 3 реализации',      () {        var x = data.seed & 65535;        for (var i = 0; i < 300000; i++) {          x = operations[i % 3].apply(x);        }        return x;      },    ),    Kernel(      'sort',      'Коллекции',      'Сортировка чисел',      '20 000 значений; копирование включено',      () {        final out = data.values.take(20000).toList()..sort();        var sum = 0;        for (var i = 0; i < out.length; i++) {          sum = (sum + out[i] * (i + 1)) % 1000000007;        }        return sum;      },    ),    Kernel(      'map',      'Коллекции',      'Хеш-таблица: поиск строковых ключей',      '20 000 поисков; Map подготовлен',      () {        var sum = 0;        for (final k in keys) {          sum += map[k]!;        }        return sum;      },    ),    Kernel(      'string_build',      'Текст',      'StringBuffer / форматирование',      '2 000 строк',      () {        final out = StringBuffer();        for (var i = 0; i < 2000; i++) {          out.write('item_$i:${data.values[i]};');        }        return out.toString().length;      },    ),    Kernel(      'utf8_encode',      'Текст',      'UTF-8: кодирование Unicode',      '2 000 многоязычных строк',      () => utf8.encode(data.text).fold<int>(0, (a, b) => a + b),    ),    Kernel(      'utf8_decode',      'Текст',      'UTF-8: декодирование Unicode',      '2 000 многоязычных строк',      () => utf8.decode(encoded).length,    ),    Kernel('regexp', 'Текст', 'RegExp: поиск и группы', '2 000 совпадений', () {      var sum = 0;      for (final m in regular.allMatches(data.text)) {        sum += int.parse(m.group(1)!);      }      return sum;    }),    Kernel(      'json_encode',      'Сериализация',      'JSON: encode',      '2 000 объектов × 4 поля',      () => jsonEncode(data.records).length,    ),    Kernel(      'json_decode',      'Сериализация',      'JSON: decode и чтение поля',      '2 000 объектов × 4 поля',      () {        final rows = jsonDecode(data.json) as List;        var sum = 0;        for (final r in rows) {          sum += (r['value'] as num).toInt();        }        return sum;      },    ),    Kernel(      'bigint',      'Вычисления',      'BigInt: точная арифметика',      '1 000 modular multiply; 127 бит',      () {        var x = BigInt.from(data.seed);        for (var i = 0; i < 1000; i++) {          x = (x * x + BigInt.from(i)) % big;        }        return (x & BigInt.from(0x7fffffff)).toInt();      },    ),  ];}/// Independent reference cases; executed in BOTH release browser targets too.Map<String, Object> validateKernels() {  void check(bool yes, String name) {    if (!yes) throw StateError('Reference failed: $name');  }  check(bitMix(1, 0) == 1, 'xorshift empty');  check(bitMix(1, 1) == 270369, 'xorshift known vector');  check(bitMix(1, 2) == 67634689, 'xorshift second vector');  check(dot([], []) == 0, 'dot empty');  check(dot([1, 2, 3], [4, 5, 6]) == 32, 'dot exact');  check((dot([0.1, 0.2], [0.3, 0.4]) - 0.11).abs() < 1e-12, 'dot fractional');  check(    multiply([1, 2, 3, 4], [5, 6, 7, 8], 2).asMap().entries.every((e)=>e.value==[19,22,43,50][e.key]),    'matrix known answer',  );  check(multiply([2.5], [4], 1).single == 10, 'matrix scalar');  check(    stencil(Uint32List.fromList(List.filled(9, 9)), 3) == 9,    'filter constant',  );  check(    stencil(Uint32List.fromList(List.generate(9, (i) => i)), 3) == 4,    'filter ramp',  );  check(    fibonacci(0) == 0 && fibonacci(1) == 1 && fibonacci(10) == 55,    'fibonacci references',  );  check(    utf8.decode(utf8.encode('β 日本語 😀')) == 'β 日本語 😀',    'unicode roundtrip',  );  check(jsonDecode('{"n":17,"b":true}')["n"] == 17, 'JSON known answer');  check(    RegExp(r'item_(\d+)').firstMatch('item_123')!.group(1) == '123',    'regexp reference',  );  check(    BigInt.from(7).modPow(BigInt.from(3), BigInt.from(13)) == BigInt.from(5),    'BigInt reference',  );  return {'passed': 15, 'status': 'passed'};}

import 'dart:convert';import 'dart:js_interop';import 'dart:math' as math;import 'dart:typed_data';import 'dart:ui' as ui;import 'package:flutter/scheduler.dart';import 'bridge.dart' as bridge;import 'kernels.dart';const protocolVersion='1.1';const dataSeed=20261009;const defaultSamples=7;const targetBatchMs=25.0;const warmupMs=150.0;const integerWarmupMs=1000.0;const maxRepeats=512;const uiFrames=24;final frameTimings=<Map<String,num>>[];void recordFrameTimings(List<ui.FrameTiming> frames) {  for(final f in frames) {    frameTimings.add({'startMs':f.timestampInMicroseconds(ui.FramePhase.buildStart)/1000,      'buildMs':f.buildDuration.inMicroseconds/1000,'rasterMs':f.rasterDuration.inMicroseconds/1000,      'totalMs':f.totalSpan.inMicroseconds/1000});  }}double median(List<double> values) {  final sorted=[...values]..sort(); final n=sorted.length;  return n.isOdd?sorted[n~/2]:(sorted[n~/2-1]+sorted[n~/2])/2;}class Workload {  Workload(this.id,this.group,this.name,this.size,{this.sync,this.async});  final String id,group,name,size;  final num Function()? sync;  final Future<num> Function()? async;  Map<String,Object> get description=>{'id':id,'group':group,'name':name,'size':size};  Future<num> batch(int repeats) async {    num checksum=0;    if(sync!=null) {for(var i=0;i<repeats;i++) {checksum+=sync!();}}    else {for(var i=0;i<repeats;i++) {checksum+=await async!();}}    return checksum/repeats;  }}List<Workload> workloads(Future<num> Function(String) uiRun) {  final data=DataSet(dataSeed);  final interop=Uint32List.fromList(data.values.take(65536).toList());  return [    for(final k in makeKernels(data)) Workload(k.id,k.group,k.name,k.size,sync:k.run),    Workload('interop_scalar','Граница JS','Dart → JS: маленькие вызовы','20 000 вызовов',sync:(){      var sum=0.0; for(var i=0;i<20000;i++) {sum+=bridge.scalar(i.toDouble());} return sum;    }),    Workload('interop_batch','Граница JS','Dart → JS: один пакет','65 536 чисел; toJS + sum',sync:()=>bridge.sum(interop.toJS)),    Workload('interop_roundtrip','Граница JS','TypedData: toJS → toDart','65 536 чисел; включая доступ JS',sync:(){      final js=interop.toJS; final sum=bridge.sum(js); return sum+js.toDart.last;    }),    Workload('microtasks','Асинхронность','Future / microtasks','1 000 await Future.value',async:()async{      var sum=0;for(var i=0;i<1000;i++) {sum+=await Future.value(i);}return sum;    }),    for(final c in const [      ['webcrypto','WebCrypto: SHA-256','64 KiB; браузерный native API'],      ['timer_wait','Ожидание таймера','15 ms requested; elapsed measured'],      ['local_fetch','Локальный HTTP fetch','64 KiB; no-store; без WAN'],      ['indexeddb','IndexedDB: put/get/delete','64 KiB; одна транзакция'],      ['worker_transfer','Web Worker: transfer + ответ','64 KiB; копирование и суммирование'],    ]) Workload(c[0],'Браузер / I/O',c[1],c[2],async:()async=>(await bridge.nativeAsync(c[0].toJS).toDart).toDartDouble),    Workload('dom_layout','Браузер / I/O','DOM: запись стиля + forced layout','100 layout flushes; общий JS helper',sync:()=>bridge.nativeSync('dom_layout'.toJS)),    for(final c in const [      ['external_js_sum','Сумма: написанный вручную JS','262 144 uint32; 1 MiB'],      ['external_wasm_sum','Сумма: скалярный Wasm','тот же массив, точный i32 result'],      ['external_simd_sum','Сумма: явный Wasm SIMD','i32x4.add; тот же массив'],      ['external_js_i64','Точные 64 бита: JS BigInt','10 000 multiply/xor modulo 2^64'],      ['external_wasm_i64','Точные 64 бита: Wasm i64','тот же алгоритм и точный результат'],    ]) Workload(c[0],'Контрольные Wasm-модули',c[1],c[2],sync:()=>bridge.nativeSync(c[0].toJS)),    Workload('text_layout','Flutter', 'Paragraph: формирование и layout','100 уникальных абзацев',sync:(){      var height=0.0;      for(var i=0;i<100;i++) {        final builder=ui.ParagraphBuilder(ui.ParagraphStyle(fontFamily:'Roboto',fontSize:14))          ..addText('Paragraph $i: Flutter text layout and measurement. ' * 3);        final p=builder.build()..layout(const ui.ParagraphConstraints(width:300));height+=p.height;p.dispose();      }return height;    }),    for(final c in const [      ['ui_widgets','Widget build + layout','600 ячеек; 24 обновления'],      ['ui_scroll','Прокрутка списка','50 000 строк; 24 jumpTo'],      ['ui_paint','Canvas: векторная отрисовка','2 000 кругов × 24 кадра'],      ['ui_layers','Canvas: clipping / saveLayer','100 слоёв × 24 кадра'],    ]) Workload(c[0],'Flutter',c[1],c[2],async:()=>uiRun(c[0])),  ];}Future<Map<String,Object?>> measure({  required List<Workload> cases,  required Map<String,dynamic> config,  required void Function(String, Map<String,Object?>?) progress,}) async {  final metadata=jsonDecode(bridge.metadata().toDart) as Map<String,dynamic>;  const wasm=bool.fromEnvironment('dart.tool.dart2wasm');  final mode=wasm?(metadata['single']==true?'wasm-st':'wasm-mt'):'js';  final validation=validateKernels();  final count=(config['samples'] as num? ?? defaultSamples).toInt().clamp(1,31);  final session=(config['session'] as num? ?? 0).toInt();  final pilot=config['pilot']==true;  final supplied=Map<String,dynamic>.from(config['repeats'] as Map? ?? {});  final only=(config['only'] as List?)?.cast<String>();  final selected=cases.where((c)=>only==null||only.contains(c.id)).toList();  selected.shuffle(math.Random(dataSeed+session));  final results=<Map<String,Object?>>[];  final chosen=<String,int>{};  final began=DateTime.now().toUtc().toIso8601String();  bridge.startRun(); frameTimings.clear();  for(final c in selected) {    progress(c.name,null); bridge.status(c.id.toJS);    await Future<void>.delayed(const Duration(milliseconds:30));    try {      var repeats=(supplied[c.id] as num?)?.toInt() ?? 1;      final isUi=c.id.startsWith('ui_');      if((pilot||!supplied.containsKey(c.id))&&!isUi) {        // Calibration occurs before measured samples, never across target variants.        await c.batch(1);        final t=bridge.clockNow(); await c.batch(1); final elapsed=bridge.clockNow()-t;        repeats=(targetBatchMs/math.max(elapsed,0.02)).ceil().clamp(1,maxRepeats);      }      if(isUi) repeats=1;      if(repeats<1||repeats>maxRepeats) throw ArgumentError('invalid batch size');      chosen[c.id]=repeats;      final warmStart=bridge.clockNow();var warmCount=0;      final warm=<double>[];      do {        final t=bridge.clockNow(); await c.batch(repeats);warm.add(bridge.clockNow()-t);warmCount++;      }while(!isUi && (warmCount<3||bridge.clockNow()-warmStart<(c.id=='int32'?integerWarmupMs:warmupMs)) && warmCount<200);      final samples=<double>[]; final checks=<num>[]; final ranges=<List<double>>[];      for(var sample=0;sample<count;sample++) {        final t=bridge.clockNow();final value=await c.batch(repeats);final elapsed=bridge.clockNow()-t;        if(!value.isFinite)throw StateError('Non-finite result');        if(checks.isNotEmpty&&(value-checks.first).abs()>1e-8*math.max(1,checks.first.abs()))throw StateError('Unstable output');        checks.add(value);samples.add(elapsed/repeats); if(isUi) ranges.add([t,t+elapsed]);        await Future<void>.delayed(const Duration(milliseconds:5));      }      final result=<String,Object?>{...c.description,'repeats':repeats,'samplesMs':samples,        'medianMs':median(samples),'minMs':samples.reduce(math.min),'maxMs':samples.reduce(math.max),        'result':checks.first,'warmupBatchMs':warm,'status':'passed','frameRangesMs':ranges,        'metric':isUi?'24 scheduled Flutter frames; wall ms':'wall ms per workload'};      results.add(result);progress(c.name,result);    }catch(e) {      final result=<String,Object?>{...c.description,'status':'failed','error':e.toString()};      results.add(result);progress(c.name,result);    }  }  await Future<void>.delayed(const Duration(milliseconds:140));  SchedulerBinding.instance.scheduleFrame();  await SchedulerBinding.instance.endOfFrame;  await Future<void>.delayed(const Duration(milliseconds:40));  for(final r in results) {    final ranges=r['frameRangesMs'] as List<List<double>>? ?? [];    if(ranges.isNotEmpty) r['frameTimings']=frameTimings.where((f)=>ranges.any((w)=>f['startMs']!>=w[0]&&f['startMs']!<=w[1])).toList();  }  final result=<String,Object?>{'protocol':protocolVersion,'mode':mode,'actualWasm':wasm,    'session':session,'pilot':pilot,'startedUtc':began,'finishedUtc':DateTime.now().toUtc().toIso8601String(),    'environment':metadata,'firstFrameMs':bridge.firstFrameMs,'validation':validation,    'visibleThroughout':bridge.validVisibility(),'repeats':chosen,'results':results,    'comparableBatches':supplied.isNotEmpty,'seed':dataSeed};  bridge.publish(jsonEncode(result).toJS);bridge.status('done'.toJS);  return result;}

import 'dart:convert';import 'dart:js_interop';import 'package:flutter/material.dart';import 'package:flutter/scheduler.dart';import 'package:web/web.dart' as web;import 'benchmark.dart';import 'bridge.dart' as bridge;void main()=>runApp(const BenchmarkApp());class BenchmarkApp extends StatelessWidget {  const BenchmarkApp({super.key});  @override Widget build(BuildContext context)=>MaterialApp(    title:'WASM versus JavaScript',debugShowCheckedModeBanner:false,    theme:ThemeData(colorScheme:ColorScheme.fromSeed(seedColor:const Color(0xff38bdf8),brightness:Brightness.dark),      scaffoldBackgroundColor:const Color(0xff0b1220),useMaterial3:true),    home:const BenchmarkScreen());}class BenchmarkScreen extends StatefulWidget {  const BenchmarkScreen({super.key});  @override State<BenchmarkScreen> createState()=>_BenchmarkScreenState();}class _BenchmarkScreenState extends State<BenchmarkScreen> {  late final List<Workload> cases;  bool running=false,ready=false;  String active='Подготовка',scene='';int tick=0;  Map<String,Object?>? current;  final rows=<String,Map<String,Object?>>{};  List<dynamic> saved=[];  Map<String,dynamic> reportSummary={};  String group='Все задачи';  final scroll=ScrollController();  @override void initState(){super.initState();cases=workloads(runScene);SchedulerBinding.instance.addTimingsCallback(recordFrameTimings);initialize();}  Future<void> initialize()async{    try{      await bridge.prepare().toDart;      saved=jsonDecode(bridge.saved().toDart) as List;      bridge.install(((JSString c)=>execute(jsonDecode(c.toDart) as Map<String,dynamic>).toJS).toJS);      setState((){ready=true;active='Готово к измерению';});      await SchedulerBinding.instance.endOfFrame;      bridge.markReady();      try {        final response=await web.window.fetch('../results/summary.json'.toJS).toDart;        if(response.ok){final s=await response.text().toDart;if(mounted)setState(()=>reportSummary=jsonDecode(s.toDart));}      }catch(_){}    }catch(e){setState(()=>active='Ошибка подготовки: $e');bridge.status(active.toJS);}  }  Future<JSString> execute(Map<String,dynamic> config)async{    if(running)throw StateError('Benchmark already running');    final previousSummary=reportSummary;var savedAfterRun=saved;    setState((){running=true;rows.clear();current=null;reportSummary={};saved=[];});    try {      final result=await measure(cases:cases,config:config,progress:(name,row){        if(mounted)setState((){active=name;if(row!=null)rows[row['id'] as String]=row;});      });      if(mounted)setState((){current=result;active='Завершено';scene='';});      if(config['pilot']!=true){bridge.save(jsonEncode(result).toJS);savedAfterRun=jsonDecode(bridge.saved().toDart) as List;}      return jsonEncode(result).toJS;    }catch(e){if(mounted)setState(()=>active='Ошибка: $e');bridge.status(active.toJS);rethrow;}finally{if(mounted)setState((){running=false;reportSummary=previousSummary;saved=savedAfterRun;});}  }  Future<void> manualRun()async{    Map<String,dynamic> repeats={};    try{      final r=await web.window.fetch('../results/calibration.json'.toJS).toDart;      if(r.ok)repeats=jsonDecode((await r.text().toDart).toDart);    }catch(_){}    await execute({'repeats':repeats,'samples':defaultSamples,      if(group!='Все задачи')'only':cases.where((c)=>c.group==group).map((c)=>c.id).toList()});  }  Future<num> runScene(String id)async{    setState((){scene=id;tick=0;});    await SchedulerBinding.instance.endOfFrame;    num checksum=0;    for(var i=0;i<uiFrames;i++){      setState(()=>tick=i+1);      if(id=='ui_scroll'&&scroll.hasClients){scroll.jumpTo((i*127.0)%scroll.position.maxScrollExtent);}      await SchedulerBinding.instance.endOfFrame;      checksum+=i+1;    }    return checksum;  }  String get mode {    const wasm=bool.fromEnvironment('dart.tool.dart2wasm');    if(!wasm)return 'JavaScript · CanvasKit';    final single=Uri.base.queryParameters.containsKey('single');    return 'WebAssembly · skwasm ${single?'ST':'MT'}';  }  @override void dispose(){SchedulerBinding.instance.removeTimingsCallback(recordFrameTimings);scroll.dispose();super.dispose();}  Widget sceneWidget(){    switch(scene){      case 'ui_widgets':return Wrap(children:List.generate(600,(i)=>SizedBox(width:34,height:20,        child:ColoredBox(color:Color(0xff17304b+((i+tick)%12)*512),child:Text('${(i+tick)%99}',style:const TextStyle(fontSize:10))))));      case 'ui_scroll':return ListView.builder(controller:scroll,itemCount:50000,itemExtent:42,        itemBuilder:(context,i)=>ListTile(dense:true,leading:const Icon(Icons.data_object),title:Text('Record $i'),trailing:Text('${i*17}')));      case 'ui_paint':case 'ui_layers':return CustomPaint(painter:StressPainter(tick,scene=='ui_layers'),size:Size.infinite);      default:return Center(child:Column(mainAxisSize:MainAxisSize.min,children:[        const Icon(Icons.science_outlined,size:48,color:Color(0xff38bdf8)),const SizedBox(height:12),        Text('${cases.length} задач · 3 режима',style:Theme.of(context).textTheme.titleLarge),        const SizedBox(height:8),const Text('Вычисления · память · браузер · Flutter'),      ]));    }  }  Widget metric(String value,String label)=>Container(padding:const EdgeInsets.all(16),    decoration:BoxDecoration(color:const Color(0xff152239),borderRadius:BorderRadius.circular(12)),    child:Column(crossAxisAlignment:CrossAxisAlignment.start,children:[Text(value,style:const TextStyle(fontSize:25,fontWeight:FontWeight.w600)),Text(label)]));  String resultText(Workload c){    final row=rows[c.id];if(row!=null)return row['status']=='passed'?'${(row['medianMs'] as num).toStringAsFixed(3)} ms':'Ошибка';    return '—';  }  @override Widget build(BuildContext context){    final selected=cases.where((c)=>group=='Все задачи'||c.group==group).toList();    final narrow=MediaQuery.sizeOf(context).width<700;    final summaries=Map<String,dynamic>.from(reportSummary['tasks'] as Map? ?? {});    return Scaffold(appBar:AppBar(title:const Text('WASM versus JavaScript'),actions:[      IconButton(tooltip:'Отчёт исследования',onPressed:()=>web.window.open('../report.html','_blank'),icon:const Icon(Icons.article_outlined)),      IconButton(tooltip:'Экспорт измерений',onPressed:current==null?null:()=>bridge.download(jsonEncode(current).toJS),icon:const Icon(Icons.download)),    ]),body:SafeArea(child:ListView(padding:EdgeInsets.all(narrow?14:28),children:[      Text('Лаборатория производительности',style:Theme.of(context).textTheme.headlineMedium),      const SizedBox(height:8),Text(mode,style:const TextStyle(color:Color(0xff7dd3fc),fontSize:17)),      const SizedBox(height:18),Wrap(spacing:12,runSpacing:12,children:[        metric('${cases.length}','задач'),metric('${rows.length}','выполнено'),metric('$defaultSamples','замеров на задачу'),        if(reportSummary['sessionsPerMode']!=null)metric('${reportSummary['sessionsPerMode']}','сессий на режим в отчёте'),      ]),      const SizedBox(height:18),Wrap(spacing:12,runSpacing:10,crossAxisAlignment:WrapCrossAlignment.center,children:[        Semantics(container:true,explicitChildNodes:true,child:SizedBox(width:narrow?double.infinity:280,child:DropdownButtonFormField<String>(initialValue:group,          decoration:const InputDecoration(labelText:'Тип задач',border:OutlineInputBorder()),          items:['Все задачи',...cases.map((c)=>c.group).toSet()].map((g)=>DropdownMenuItem(value:g,child:Text(g))).toList(),          onChanged:running?null:(value)=>setState(()=>group=value!)))),        Semantics(identifier:'benchmark.run',child:FilledButton.icon(onPressed:ready&&!running?manualRun:null,          icon:const Icon(Icons.play_arrow),label:const Text('Запустить тесты'))),        OutlinedButton(onPressed:running?null:()=>web.window.location.href='../js/',child:const Text('JavaScript')),        OutlinedButton(onPressed:running?null:()=>web.window.location.href='../wasm/?single=1',child:const Text('Wasm ST')),        OutlinedButton(onPressed:running?null:()=>web.window.location.href='../wasm/',child:const Text('Wasm MT')),      ]),      const SizedBox(height:12),Text(active),if(running)const Padding(padding:EdgeInsets.only(top:8),child:LinearProgressIndicator()),      const SizedBox(height:18),Container(height:360,clipBehavior:Clip.hardEdge,        decoration:BoxDecoration(color:const Color(0xff101d31),border:Border.all(color:const Color(0xff24364e)),borderRadius:BorderRadius.circular(12)),child:sceneWidget()),      const SizedBox(height:24),Text('Измерения и сравнение',style:Theme.of(context).textTheme.titleLarge),      const SizedBox(height:8),const Text('Время меньше — лучше. Ускорение = JS / Wasm. Значения отчёта получены в Chrome на компьютере.'),      const SizedBox(height:12),      for(final c in selected) Card(margin:const EdgeInsets.only(bottom:8),child:Padding(padding:const EdgeInsets.all(14),        child:Column(crossAxisAlignment:CrossAxisAlignment.start,children:[          Row(crossAxisAlignment:CrossAxisAlignment.start,children:[Expanded(child:Text(c.name,style:const TextStyle(fontWeight:FontWeight.w600))),Text(resultText(c),style:const TextStyle(color:Color(0xff7dd3fc)))]),          const SizedBox(height:5),Text('${c.group} · ${c.size}',style:const TextStyle(color:Color(0xffa4b5cb),fontSize:12)),          if(summaries[c.id]!=null)...[            const SizedBox(height:8),Text(summaries[c.id]['display'] as String),          ]else if(saved.isNotEmpty)...[            const SizedBox(height:8),Wrap(spacing:16,children:[for(final run in saved)              if((run['results'] as List).any((r)=>r['id']==c.id&&r['status']=='passed'))                Text('${run['mode']}: ${((run['results'] as List).firstWhere((r)=>r['id']==c.id)['medianMs'] as num).toStringAsFixed(3)} ms')]),          ],        ]))),    ])));  }}class StressPainter extends CustomPainter {  StressPainter(this.tick,this.layers);final int tick;final bool layers;  @override void paint(Canvas canvas,Size size){    final paint=Paint();    if(layers){      for(var i=0;i<100;i++){        final x=(i*31+tick*2)%size.width,y=(i*17)%size.height;        final r=Rect.fromLTWH(x,y,72,60);canvas.saveLayer(r,Paint()..color=const Color(0xaaeeeeee));        canvas.clipRRect(RRect.fromRectAndRadius(r,const Radius.circular(14)));        canvas.drawRect(r,paint..color=const Color(0xff38bdf8));        canvas.drawCircle(Offset(x+24,y+24),22,paint..color=const Color(0xffa78bfa));canvas.restore();      }    }else{      for(var i=0;i<2000;i++){        paint.color=Color.fromARGB(160,(i*17)%256,(i*31)%256,190);        canvas.drawCircle(Offset((i*37+tick*3)%size.width,(i*19)%size.height),3+(i%7).toDouble(),paint);      }    }  }  @override bool shouldRepaint(StressPainter old)=>old.tick!=tick||old.layers!=layers;}

import 'dart:js_interop';@JS('bench.now') external double clockNow();@JS('bench.metadata') external JSString metadata();@JS('bench.install') external void install(JSFunction callback);@JS('bench.prepare') external JSPromise<JSNumber> prepare();@JS('bench.publish') external void publish(JSString json);@JS('bench.status') external void status(JSString text);@JS('bench.markReady') external void markReady();@JS('bench.start') external void startRun();@JS('bench.visible') external bool validVisibility();@JS('bench.save') external void save(JSString json);@JS('bench.saved') external JSString saved();@JS('bench.download') external void download(JSString json);@JS('bench.firstFrameMs') external double get firstFrameMs;@JS('bench.scalar') external double scalar(double x);@JS('bench.sum') external double sum(JSUint32Array array);@JS('bench.nativeSync') external double nativeSync(JSString id);@JS('bench.nativeAsync') external JSPromise<JSNumber> nativeAsync(JSString id);

import 'dart:typed_data';import 'package:flutter_test/flutter_test.dart';import 'package:wasm_versus_javascript/kernels.dart';void main(){  test('Independent known answers and boundary cases',(){expect(validateKernels()['passed'],15);});  test('Matrix product matches independent dot-product reference',(){    for(final n in [1,2,3,5,9]){      final a=List.generate(n*n,(i)=>(i%7-3).toDouble());      final b=List.generate(n*n,(i)=>(i%11-5).toDouble());      final got=multiply(a,b,n);      for(var row=0;row<n;row++){for(var col=0;col<n;col++){        final expected=List.generate(n,(k)=>a[row*n+k]*b[k*n+col]).fold<double>(0,(x,y)=>x+y);        expect(got[row*n+col],expected);      }}    }  });  test('Stencil matches an independent neighborhood implementation',(){    for(final w in [2,3,4,7,16]){      final values=Uint32List.fromList(List.generate(w*w,(i)=>(i*17)%256));      var expected=0;      for(var y=1;y<w-1;y++){for(var x=1;x<w-1;x++){        var pixel=0;for(final dy in [-1,0,1]){for(final dx in [-1,0,1]){pixel+=values[(y+dy)*w+x+dx];}}        expected+=pixel~/9;      }}expect(stencil(values,w),expected);    }  });  test('Seeded kernels return stable finite observable outputs',(){    final kernels=makeKernels(DataSet(20261009));    expect(kernels.map((k)=>k.id).toSet().length,kernels.length);    for(final k in kernels){final a=k.run(),b=k.run();expect(a.isFinite,true,reason:k.id);expect(a,b,reason:k.id);}  });}

'use strict';window.bench = {  version:'1.0', ready:false, result:null, progress:'loading', error:null, hiddenDuringRun:false,  scalar:x=>x+1, sum:a=>{let s=0;for(let i=0;i<a.length;i++)s+=a[i];return s;},  now:()=>performance.now(), publish:text=>{bench.result=JSON.parse(text);},  status:text=>{bench.progress=text;}, install:fn=>{bench.run=fn;},  metadata:()=>JSON.stringify({userAgent:navigator.userAgent,hardwareConcurrency:navigator.hardwareConcurrency,    deviceMemoryGiB:navigator.deviceMemory??null,isolated:crossOriginIsolated,secure:isSecureContext,    width:innerWidth,height:innerHeight,dpr:devicePixelRatio,visibility:document.visibilityState,    single:new URLSearchParams(location.search).has('single'),    rendererResources:performance.getEntriesByType('resource').map(x=>x.name).filter(x=>/skwasm|canvaskit/.test(x))}),  markReady:()=>{bench.firstFrameMs=performance.now();bench.ready=true;document.getElementById('loading')?.remove();},  start:()=>{bench.hiddenDuringRun=document.hidden;bench.result=null;},  visible:()=>!bench.hiddenDuringRun&&!document.hidden,  save:text=>{const r=JSON.parse(text);localStorage.setItem(`wasm-vs-js:${r.mode}`,text);},  saved:()=>JSON.stringify(Object.keys(localStorage).filter(k=>k.startsWith('wasm-vs-js:')).map(k=>JSON.parse(localStorage.getItem(k)))),  download:text=>{const url=URL.createObjectURL(new Blob([text],{type:'application/json'}));    const a=document.createElement('a');a.href=url;a.download=`wasm-versus-javascript-${Date.now()}.json`;a.click();setTimeout(()=>URL.revokeObjectURL(url),1000);},};document.addEventListener('visibilitychange',()=>{if(document.hidden)bench.hiddenDuringRun=true;});bench.prepare=async()=>{  const {instance}=await WebAssembly.instantiateStreaming(fetch('kernels.wasm'));bench.wasm=instance.exports;  bench.ints=new Uint32Array(bench.wasm.memory.buffer,0,262144);  for(let i=0;i<bench.ints.length;i++)bench.ints[i]=(i*17+11)&4095;  for(const n of [0,4,8,262144]){const expected=bench.sum(bench.ints.subarray(0,n));    if(bench.wasm.sum(n)!==expected||bench.wasm.simd(n)!==expected)throw Error('Wasm sum validation failed');}  bench.i64js=n=>{let x=1234567n;for(let i=0;i<n;i++){x=BigInt.asUintN(64,x*6364136223846793005n^BigInt(i));x^=x>>33n;}return Number(x&2147483647n);};  for(const [n,expected] of [[0, 1234567], [1, 1812802702], [2, 1046528860], [10, 591709396], [10000, 1507571436]])if(bench.i64js(n)!==expected||bench.wasm.i64mix(n)!==expected)throw Error('Wasm i64 validation failed');  bench.bytes=new Uint8Array(65536);for(let i=0;i<bench.bytes.length;i++)bench.bytes[i]=i&255;  const abc=await crypto.subtle.digest('SHA-256',new TextEncoder().encode('abc'));  if([...new Uint8Array(abc)].map(x=>x.toString(16).padStart(2,'0')).join('')!=='ba7816bf8f01cfea414140de5dae2223b00361a396177a9cb410ff61f20015ad')throw Error('SHA reference failed');  bench.worker=new Worker('worker.js');  bench.db=await new Promise((resolve,reject)=>{const r=indexedDB.open('wasm-versus-javascript-benchmark-v1',1);    r.onupgradeneeded=()=>r.result.createObjectStore('scratch');r.onsuccess=()=>resolve(r.result);r.>reject(r.error);});  bench.dom=document.createElement('div');bench.dom.style.cssText='position:absolute;left:-10000px;top:0;width:300px;contain:strict;height:100px;';  bench.dom.textContent='benchmark';document.body.append(bench.dom);return 1;};bench.nativeSync=id=>{switch(id){  case 'external_js_sum':return bench.sum(bench.ints);  case 'external_wasm_sum':return bench.wasm.sum(bench.ints.length);  case 'external_simd_sum':return bench.wasm.simd(bench.ints.length);  case 'external_js_i64':return bench.i64js(10000);  case 'external_wasm_i64':return bench.wasm.i64mix(10000);  case 'dom_layout':{let sum=0;for(let i=0;i<100;i++){bench.dom.style.width=`${200+(i%17)}px`;sum+=bench.dom.offsetWidth;}return sum;}  default:throw Error('Unknown synchronous case '+id);}};bench.nativeAsync=async id=>{switch(id){  case 'webcrypto':return [...new Uint8Array(await crypto.subtle.digest('SHA-256',bench.bytes))].reduce((a,b)=>a+b,0);  case 'timer_wait':await new Promise(r=>setTimeout(r,15));return 15;  case 'local_fetch':{const r=await fetch('payload.bin',{cache:'no-store'});if(!r.ok)throw Error('fetch '+r.status);return bench.sum(new Uint8Array(await r.arrayBuffer()));}  case 'indexeddb':return await new Promise((resolve,reject)=>{const tx=bench.db.transaction('scratch','readwrite');const store=tx.objectStore('scratch');    store.put(bench.bytes,'sample');let sum;store.get('sample').onsuccess=e=>{sum=bench.sum(e.target.result);};store.delete('sample');    tx.oncomplete=()=>resolve(sum);tx.>reject(tx.error);tx.onabort=()=>reject(tx.error);});  case 'worker_transfer':return await new Promise((resolve,reject)=>{const copy=bench.bytes.slice().buffer;bench.worker.onmessage=e=>resolve(e.data);bench.worker.  default:throw Error('Unknown async case '+id);}};

onmessage = ({data}) => {  let sum=0; for(const v of new Uint32Array(data)) sum+=v;  postMessage(sum);};

(module  (memory (export "memory") 64)  (func (export "sum") (param $n i32) (result i32)    (local $p i32) (local $s i32)    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32.add (local.get $s) (i32.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 1)))      (br $loop))) (local.get $s))  ;; n must be a multiple of four. Tests cover n=0,4,8 and full input.  (func (export "simd") (param $n i32) (result i32)    (local $p i32) (local $s v128)    (local.set $s (v128.const i32x4 0 0 0 0))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $p) (local.get $n)))      (local.set $s (i32x4.add (local.get $s) (v128.load (i32.shl (local.get $p) (i32.const 2)))))      (local.set $p (i32.add (local.get $p) (i32.const 4)))      (br $loop)))    (i32.add (i32.add (i32x4.extract_lane 0 (local.get $s)) (i32x4.extract_lane 1 (local.get $s)))      (i32.add (i32x4.extract_lane 2 (local.get $s)) (i32x4.extract_lane 3 (local.get $s)))))  (func (export "i64mix") (param $n i32) (result i32)    (local $i i32) (local $x i64)    (local.set $x (i64.const 1234567))    (block $end (loop $loop      (br_if $end (i32.ge_u (local.get $i) (local.get $n)))      (local.set $x (i64.xor (i64.mul (local.get $x) (i64.const 6364136223846793005)) (i64.extend_i32_u (local.get $i))))      (local.set $x (i64.xor (local.get $x) (i64.shr_u (local.get $x) (i64.const 33))))      (local.set $i (i32.add (local.get $i) (i32.const 1))) (br $loop)))    (i32.and (i32.wrap_i64 (local.get $x)) (i32.const 2147483647))))

<!DOCTYPE html><html lang="ru"><head><base href="$FLUTTER_BASE_HREF"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>WASM versus JavaScript</title><style>html,body{margin:0;background:#0b1220;color:#e2e8f0;font:16px system-ui}#loading{padding:32px}</style></head><body><div id="loading">WASM versus JavaScript · загрузка</div><script src="bench.js"></script><script src="flutter_bootstrap.js" async></script></body></html>

{{flutter_js}}{{flutter_build_config}}const config = {  canvasKitBaseUrl: 'canvaskit/',  forceSingleThreadedSkwasm: new URLSearchParams(location.search).has('single'),};_flutter.loader.load({config});

const http=require('node:http'),fs=require('node:fs'),path=require('node:path');const root=path.resolve(__dirname,'..');const port=Number(process.env.PORT||8096);const types={'.html':'text/html; charset=utf-8','.js':'text/javascript','.mjs':'text/javascript','.wasm':'application/wasm','.json':'application/json','.ttf':'font/ttf','.otf':'font/otf','.png':'image/png','.bin':'application/octet-stream'};http.createServer((req,res)=>{  if(req.url==='/favicon.ico'){res.writeHead(204);res.end();return;}  const url=new URL(req.url,'http://localhost');let name=decodeURIComponent(url.pathname);  if(name==='/'){res.writeHead(302,{Location:'/js/'});res.end();return;}  if(name.endsWith('/'))name+='index.html';  const rel=/^\/(js|wasm)\//.test(name)?'site'+name:name;  const file=path.resolve(root,'.'+(rel.startsWith('/')?rel:'/'+rel));  if(!file.startsWith(root+path.sep)){res.writeHead(403);res.end();return;}  fs.stat(file,(err,s)=>{    if(err||!s.isFile()){res.writeHead(404);res.end('Not found');return;}    res.writeHead(200,{'Content-Type':types[path.extname(file)]||'application/octet-stream','Content-Length':s.size,      'Cross-Origin-Opener-Policy':'same-origin','Cross-Origin-Embedder-Policy':'require-corp',      'Cross-Origin-Resource-Policy':'same-origin','Cache-Control':/index.html|results|report.html/.test(file)?'no-store':'public, max-age=3600'});    fs.createReadStream(file).pipe(res);  });}).listen(port,'127.0.0.1',()=>console.log(`Benchmark: http://127.0.0.1:${port}/js/`));

name: wasm_versus_javascriptpublish_to: nonedescription: Independent controlled Flutter compiler and browser workload benchmark.version: 1.0.0environment:  sdk: '>=3.13.0 <4.0.0'dependencies:  flutter:    sdk: flutter  web: 1.1.1dev_dependencies:  flutter_test:    sdk: flutterflutter:  uses-material-design: true