{"id":332345,"date":"2022-04-24T21:00:08","date_gmt":"2022-04-24T21:00:08","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=332345"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=332345","title":{"rendered":"\u0421\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0441\u043e \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c\u044e 154 \u0413\u0431\/\u0441 \u043d\u0430 WebAssembly<\/span>"},"content":{"rendered":"
<\/div>\n
\n
\n
\n
\n

\u0410\u0432\u0442\u043e\u0440 \u0443\u0441\u043a\u043e\u0440\u0438\u043b \u0441\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0434\u043e ~12 000 000 \u0441\u043b\u043e\u0436\u0435\u043d\u0438\u0439 1024-\u043c\u0435\u0440\u043d\u044b\u0445 \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443. \u0414\u0435\u043b\u0438\u043c\u0441\u044f \u043f\u043e\u0434\u0440\u043e\u0431\u043d\u043e\u0441\u0442\u044f\u043c\u0438 \u0438 \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u043c \u0433\u0435\u043d\u0435\u0440\u0430\u0442\u043e\u0440 WASM \u0438\u0437 \u0421++ \u043e\u0442 \u0430\u0432\u0442\u043e\u0440\u0430 \u0441\u0442\u0430\u0442\u044c\u0438 \u043a \u0441\u0442\u0430\u0440\u0442\u0443 \u043a\u0443\u0440\u0441\u0430 \u043f\u043e Fullstack-\u0440\u0430\u0437\u0440\u0430\u0431\u043e\u0442\u043a\u0435 \u043d\u0430 Python<\/u><\/a>.<\/p>\n\n

<\/figcaption><\/figure>\n

\u041a\u043e\u0434 \u0437\u0430\u043f\u0443\u0441\u043a\u0430\u043b\u0441\u044f \u043d\u0430 M1 MacBook Air \u0441 node.js 17, \u0432\u0435\u0441\u044c \u043a\u043e\u0434 \u0437\u0434\u0435\u0441\u044c<\/a>.<\/p>\n

\u041d\u0430\u0447\u0438\u043d\u0430\u0435\u043c \u0441 \u0447\u0438\u0441\u0442\u043e\u0433\u043e JavaScript<\/h4>\n
let a = new Array(N).fill(0); let b = new Array(N).fill(0); let c = new Array(N).fill(0);  function add() {   for (let i = 0; i < N; ++i) {     c[i] = a[i] + b[i];   } }<\/code><\/pre>\n
\u042d\u0442\u043e \u043c\u0435\u0434\u043b\u0435\u043d\u043d\u043e. \u041f\u043e\u043f\u0440\u043e\u0431\u0443\u0435\u043c \u0440\u0430\u0437\u043c\u0435\u0440\u044b 4, 64, 1024:<\/p>\n
benchmarking vec add of size 4   pure javascript:     6.43 GB\/s (133952036.48 iters\/sec) benchmarking vec add of size 64   pure javascript:     13.71 GB\/s (17850781.69 iters\/sec) benchmarking vec add of size 1024   pure javascript:     14.96 GB\/s (1217559.02 iters\/sec)<\/code><\/pre>\n
\u042d\u0442\u043e \u0431\u0443\u0434\u0435\u0442 \u0431\u0430\u0437\u043e\u0432\u043e\u0435 \u0437\u043d\u0430\u0447\u0435\u043d\u0438\u0435 (~15 \u0413\u0431\/\u0441).<\/p>\n
\u0422\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043c\u0430\u0441\u0441\u0438\u0432\u044b<\/h4>\n
\u0412\u043c\u0435\u0441\u0442\u043e \u0441\u043a\u0443\u0447\u043d\u043e\u0433\u043e Array \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u043c Float32Array. \u0422\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u0432\u0435\u0440\u0441\u0438\u044f \u043f\u043e\u043a\u0430\u0436\u0435\u0442 V8 \u0432 \u0434\u0435\u043b\u0435. \u041a\u0440\u043e\u043c\u0435 \u0442\u043e\u0433\u043e, Array \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 double, float \u2014 \u0432 \u0434\u0432\u0430 \u0440\u0430\u0437\u0430 \u043c\u0435\u043d\u044c\u0448\u0435. \u041d\u0430\u0434\u043e \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u043e\u043c\u0435\u043d\u044f\u0442\u044c \u0432\u044b\u0437\u043e\u0432\u044b \u0438\u043d\u0438\u0446\u0438\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438:<\/p>\n
let a = new Float32Array(N); let b = new Float32Array(N); let c = new Float32Array(N);<\/code><\/pre>\n
\u041f\u043e\u043b\u0443\u0447\u0438\u043c:<\/p>\n
benchmarking vec add of size 4   pure javascript:     6.54 GB\/s (136224559.41 iters\/sec)   typed arrays:        5.73 GB\/s (119443844.4 iters\/sec) benchmarking vec add of size 64   pure javascript:     13.86 GB\/s (18053198.87 iters\/sec)   typed arrays:        10.81 GB\/s (14080397.49 iters\/sec) benchmarking vec add of size 1024   pure javascript:     14.96 GB\/s (1217559.02 iters\/sec)   typed arrays:        10.88 GB\/s (885410.91 iters\/sec)<\/code><\/pre>\n
\u0423\u0445… \u0412\u044b\u0437\u043e\u0432\u044b \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u0431\u044b\u0441\u0442\u0440\u0435\u0435, \u0447\u0435\u043c 11 \u0413\u0431\/\u0441, \u0434\u0430\u0436\u0435 \u043d\u0430 \u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u0445:<\/p>\n
benchmarking vec add of size 4096   pure javascript:     15.08 GB\/s (306770.86 iters\/sec)   typed arrays:        11.03 GB\/s (224453.88 iters\/sec)<\/code><\/pre>\n
\u041f\u043e\u0445\u043e\u0436\u0435, JIT \u0445\u043e\u0440\u043e\u0448\u043e \u0440\u0430\u0431\u043e\u0442\u0430\u0435\u0442 \u0441 \u043c\u0430\u0441\u0441\u0438\u0432\u0430\u043c\u0438 JavaScript. \u042d\u0442\u043e \u0432\u0438\u0434\u043d\u043e \u043f\u043e \u043e\u0442\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u044e \u043f\u0440\u043e\u0433\u0440\u0435\u0432\u0430 \u0432 \u0442\u0435\u0441\u0442\u0435:<\/p>\n
benchmarking vec add of size 4 [no warmup]   pure javascript:     0.04 GB\/s (782572.09 iters\/sec)   typed arrays:        0.13 GB\/s (2701225.26 iters\/sec) benchmarking vec add of size 64 [no warmup]   pure javascript:     0.12 GB\/s (154383.82 iters\/sec)   typed arrays:        0.14 GB\/s (180306.89 iters\/sec) benchmarking vec add of size 1024 [no warmup]   pure javascript:     9.15 GB\/s (744839.13 iters\/sec)   typed arrays:        6.66 GB\/s (542320.53 iters\/sec)<\/code><\/pre>\n
\u041a\u0430\u043a \u044d\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442\u0441\u044f, \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043e<\/a> \u0432 \u043f\u043e\u0441\u0442\u0435 \u0431\u043b\u043e\u0433\u0430 \u043a\u043e\u043c\u0430\u043d\u0434\u044b V8. \u0410\u0433\u0440\u0435\u0433\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u0442\u0438\u043f Array \u043e\u0442\u0441\u043b\u0435\u0436\u0438\u0432\u0430\u0435\u0442\u0441\u044f, \u0442. \u0435. \u043f\u043e\u0434\u0441\u043a\u0430\u0437\u043a\u0430 \u0442\u0438\u043f\u0430 \u043e\u0442 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0445 \u043c\u0430\u0441\u0441\u0438\u0432\u043e\u0432 \u043d\u0435 \u0434\u0430\u0451\u0442 \u0431\u043e\u043b\u044c\u0448\u043e\u0433\u043e \u043f\u0440\u0435\u0438\u043c\u0443\u0449\u0435\u0441\u0442\u0432\u0430,\u00a0\u0430 float \u2014 \u043c\u0435\u043d\u044c\u0448\u0435 \u043f\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0443, \u0442\u0430\u043a \u0447\u0442\u043e \u043f\u0440\u0438\u0447\u0438\u043d\u0430 \u043f\u0440\u043e\u0438\u0441\u0445\u043e\u0434\u044f\u0449\u0435\u0433\u043e \u043d\u0435\u043f\u043e\u043d\u044f\u0442\u043d\u0430.\u00a0<\/p>\n
\u0420\u0435\u0448\u0435\u043d\u0438\u0435 \u043f\u0440\u0435\u0434\u043b\u043e\u0436\u0438\u043b\u00a0Matheus28<\/a> \u043d\u0430 HackerNews: \u0441\u043b\u043e\u0436\u0435\u043d\u0438\u0435 \u0432\u044b\u043f\u043e\u043b\u043d\u044f\u0435\u0442\u0441\u044f \u0441 \u0434\u0432\u043e\u0439\u043d\u043e\u0439 \u0442\u043e\u0447\u043d\u043e\u0441\u0442\u044c\u044e \u0438 \u0441 \u043f\u0440\u0435\u043e\u0431\u0440\u0430\u0437\u043e\u0432\u0430\u043d\u0438\u044f\u043c\u0438 \u043d\u0430 \u043a\u0430\u0436\u0434\u043e\u043c \u044d\u0442\u0430\u043f\u0435. Float64Array \u0434\u0430\u0451\u0442 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435, \u043f\u043e\u0437\u0432\u043e\u043b\u044f\u044f \u0434\u043e\u0433\u043d\u0430\u0442\u044c \u0447\u0438\u0441\u0442\u044b\u0439 JavaScript. \u0412 Firefox \u0434\u0432\u0438\u0436\u043e\u043a JavaScript \u043d\u0435 \u0442\u0430\u043a\u043e\u0439, \u043a\u0430\u043a \u0432 node.js \u0438 Chromium, \u043e\u0442\u0441\u044e\u0434\u0430 \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0435 \u043c\u0430\u0441\u0441\u0438\u0432\u044b \u0431\u044b\u0441\u0442\u0440\u0435\u0435. \u042d\u0442\u043e \u0437\u0430\u043c\u0435\u0442\u0438\u043b viraptor \u043d\u0430 lobste.rs<\/a>. \u0421\u043f\u0430\u0441\u0438\u0431\u043e!<\/p>\n
Emscripten<\/h4>\n
Emscripten \u2014 \u044d\u0442\u043e \u0444\u0440\u0435\u0439\u043c\u0432\u043e\u0440\u043a, \u043a\u043e\u0442\u043e\u0440\u044b\u0439 \u0441\u0440\u0430\u0437\u0443 \u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u0442 C \u0438 C++ \u0432 WebAssembly \u0438 \u0431\u0435\u0440\u0451\u0442 \u043d\u0430 \u0441\u0435\u0431\u044f \u0442\u044f\u0436\u0451\u043b\u0443\u044e \u0440\u0430\u0431\u043e\u0442\u0443, \u0434\u043b\u044f \u0441\u043e\u0432\u043c\u0435\u0441\u0442\u0438\u043c\u043e\u0441\u0442\u0438 \u043e\u0431\u043e\u0440\u0430\u0447\u0438\u0432\u0430\u0435\u0442 \u0441\u0438\u0441\u0442\u0435\u043c\u043d\u044b\u0435 \u0432\u044b\u0437\u043e\u0432\u044b \u0438 \u0432\u044b\u0437\u043e\u0432\u044b \u0441\u0442\u0430\u043d\u0434\u0430\u0440\u0442\u043d\u043e\u0439 \u0431\u0438\u0431\u043b\u0438\u043e\u0442\u0435\u043a\u0438 C.<\/p>\n
WebAssembly \u2014 \u044d\u0442\u043e \u043f\u0440\u043e\u0441\u0442\u043e\u0439 \u043d\u0430\u0431\u043e\u0440 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439, \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u043a\u043e\u0442\u043e\u0440\u044b\u0445 \u0431\u043b\u0438\u0437\u043a\u0430 \u043a \u043d\u0430\u0442\u0438\u0432\u043d\u043e\u0439. \u0412\u043e\u0442<\/a> \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0435\u0433\u043e \u044f\u0434\u0440\u0430.<\/p>\n
\u041f\u0435\u0440\u0435\u0434\u0430\u0447\u0430 \u043f\u0430\u043c\u044f\u0442\u0438<\/h4>\n
WebAssembly \u043d\u0435 \u0442\u043e\u043b\u044c\u043a\u043e \u043f\u0440\u043e\u0441\u0442, \u043d\u043e \u0438 \u0431\u0435\u0437\u043e\u043f\u0430\u0441\u0435\u043d, \u0447\u0442\u043e \u043d\u0435\u043c\u043d\u043e\u0433\u043e \u0437\u0430\u0442\u0440\u0443\u0434\u043d\u044f\u0435\u0442 \u0440\u0430\u0431\u043e\u0442\u0443 \u0441 \u0431\u043e\u043b\u044c\u0448\u0438\u043c\u0438 \u043e\u0431\u044a\u0451\u043c\u0430\u043c\u0438 \u043f\u0430\u043c\u044f\u0442\u0438: \u0443 \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440\u0430 WebAssembly \u0441\u0432\u043e\u044f \u043b\u0438\u043d\u0435\u0439\u043d\u0430\u044f \u043f\u0430\u043c\u044f\u0442\u044c. \u0415\u0434\u0438\u043d\u0441\u0442\u0432\u0435\u043d\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f \u00ab\u0438\u0437 \u043a\u043e\u0440\u043e\u0431\u043a\u0438\u00bb \u0437\u0434\u0435\u0441\u044c (Memory.grow) \u043f\u043e\u0445\u043e\u0436\u0430 \u043d\u0430 mmap \u0438, \u0443\u0436\u0435 \u043d\u0435 \u043d\u0430\u0441\u0442\u043e\u043b\u044c\u043a\u043e, \u043d\u0430 malloc:<\/p>\n
const instance = new WebAssembly.Instance(...); let mem = instance.exports.memory; \/\/ this needs to be manually exported mem.grow(1); \/\/ grow by a single page (64KiB)<\/code><\/pre>\n
\u041d\u0430 \u0441\u0430\u043c\u043e\u043c \u0434\u0435\u043b\u0435 \u0432 Emscripten malloc \u0440\u0435\u0430\u043b\u0438\u0437\u043e\u0432\u0430\u043d, \u043d\u043e \u043f\u0430\u043c\u044f\u0442\u044c\u044e \u0432\u043b\u0430\u0434\u0435\u0435\u0442 \u044d\u043a\u0437\u0435\u043c\u043f\u043b\u044f\u0440 WebAssembly, \u0432 \u043a\u043e\u0442\u043e\u0440\u043e\u043c \u043d\u0443\u0436\u043d\u043e \u0441\u043a\u043b\u0430\u0434\u044b\u0432\u0430\u0442\u044c \u0432\u0435\u043a\u0442\u043e\u0440\u0430. \u0412\u043e\u0442 \u0442\u0438\u043f\u0438\u0447\u043d\u0430\u044f \u0444\u0443\u043d\u043a\u0446\u0438\u044f Emscripten:<\/p>\n
function emscripten_array(len) {   var ptr = Module._malloc(len * 4);   return [new Float32Array(Module.HEAPF32.buffer, ptr, len), ptr]; }<\/code><\/pre>\n
\u041a\u043e\u0434 \u0432\u044b\u0448\u0435 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442 malloc \u0432 Emscripten \u0437\u0430\u0441\u0442\u0430\u0432\u043b\u044f\u0435\u0442 JavaScript \u0438\u043d\u0442\u0435\u0440\u043f\u0440\u0435\u0442\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u044d\u0442\u043e\u0442 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044c \u043a\u0430\u043a \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435 \u0432 \u043a\u0443\u0447\u0443 Emscripten. \u042d\u0442\u043e \u0434\u0430\u0451\u0442 \u0434\u0432\u0435 \u043f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u044b\u0435, \u043a\u043e\u0442\u043e\u0440\u044b\u0435 \u0441\u0441\u044b\u043b\u0430\u044e\u0442\u0441\u044f \u043d\u0430 \u043e\u0434\u043d\u0443 \u0438 \u0442\u0443 \u0436\u0435 \u043f\u0430\u043c\u044f\u0442\u044c: \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u044e\u044e \u043c\u043e\u0436\u043d\u043e \u043f\u0435\u0440\u0435\u0434\u0430\u0442\u044c \u0432\u044b\u0437\u043e\u0432\u0430\u043c Emscripten, \u0430 \u043f\u0435\u0440\u0432\u0443\u044e \u2014 \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u043a\u0430\u043a \u0442\u0438\u043f\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043c\u0430\u0441\u0441\u0438\u0432.<\/p>\n
let [a, a_] = emscripten_array(N); let [b, b_] = emscripten_array(N); let [c, c_] = emscripten_array(N); const add = Module._add; \/\/ initialize a, b for (let i = 0; i < N; ++i) {   a[i] = Math.random();   b[i] = Math.random(); } add(a_, b_, c_); \/\/ results are now in c<\/code><\/pre>\n
\u0417\u0430\u043f\u0443\u0441\u0442\u0438\u043c \u0442\u043e\u043b\u044c\u043a\u043e \u0447\u0442\u043e \u043d\u0430\u043f\u0438\u0441\u0430\u043d\u043d\u044b\u0439 \u043c\u043e\u0434\u0443\u043b\u044c Emscripten \u0441 \u0444\u043b\u0430\u0433\u043e\u043c \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0430\u0446\u0438\u0438 -O3:<\/p>\n
\/\/ emcc add.cc -O3 -s EXPORTED_FUNCTIONS=\"['_add']\" extern \"C\" {  void add(const float* a, const float* b, float* c, int len) {   for (auto i = 0; i < len; ++i) {     c[i] = a[i] + b[i];   } }  }<\/code><\/pre>\n
\u041d\u0430 \u043c\u0430\u043b\u044b\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u0445 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u043f\u043e-\u043f\u0440\u0435\u0436\u043d\u0435\u043c\u0443 \u043d\u0435\u0432\u044b\u0441\u043e\u043a\u0430\u044f, \u043d\u043e \u0443 \u0440\u0430\u0437\u043c\u0435\u0440\u0430 1024 \u0437\u0430\u043c\u0435\u0442\u043d\u043e \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435:<\/p>\n
benchmarking vec add of size 4   pure javascript:     6.83 GB\/s (142214376.78 iters\/sec)   typed arrays:        5.71 GB\/s (119016249.72 iters\/sec)   emscripten:          1.33 GB\/s (27608487.76 iters\/sec) benchmarking vec add of size 64   pure javascript:     13.46 GB\/s (17524173.64 iters\/sec)   typed arrays:        10.64 GB\/s (13853318.79 iters\/sec)   emscripten:          11.91 GB\/s (15505845.36 iters\/sec) benchmarking vec add of size 1024   pure javascript:     15.06 GB\/s (1225731.4 iters\/sec)   typed arrays:        10.92 GB\/s (888576.43 iters\/sec)   emscripten:          22.81 GB\/s (1856272.37 iters\/sec)<\/code><\/pre>\n
SIMD<\/h3>\n
\u041e\u0434\u043d\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u044f \u043e\u0434\u043d\u043e\u0432\u0440\u0435\u043c\u0435\u043d\u043d\u043e\u0433\u043e \u043f\u0440\u043e\u0446\u0435\u0441\u0441\u043e\u0440\u0430 \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0435\u0442 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u043e\u0432. WebAssembly \u043e\u0442\u0447\u0430\u0441\u0442\u0438 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u0435\u0442 \u0442\u0430\u043a\u0438\u0435 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u2014 SIMD. \u0427\u0442\u043e\u0431\u044b \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c\u0441\u044f SIMD, \u0441\u043a\u043e\u043c\u043f\u0438\u043b\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u0434 \u0441 \u0444\u043b\u0430\u0433\u043e\u043c -msimd128; \u0445\u043e\u0440\u043e\u0448\u0435\u0435 \u0443\u0441\u043a\u043e\u0440\u0435\u043d\u0438\u0435:<\/p>\n
benchmarking vec add of size 4   pure javascript:     6.62 GB\/s (137877529.08 iters\/sec)   typed arrays:        5.76 GB\/s (120071457.96 iters\/sec)   emscripten (simd):   1.33 GB\/s (27729893.7 iters\/sec) benchmarking vec add of size 64   pure javascript:     13.3 GB\/s (17319586.98 iters\/sec)   typed arrays:        10.59 GB\/s (13795225.43 iters\/sec)   emscripten (simd):   18.31 GB\/s (23845788.63 iters\/sec) benchmarking vec add of size 1024   pure javascript:     15.07 GB\/s (1226252.88 iters\/sec)   typed arrays:        10.96 GB\/s (892301.4 iters\/sec)   emscripten (simd):   75.14 GB\/s (6114821.99 iters\/sec)<\/code><\/pre>\n
75 \u0413\u0431\/\u0441! \u041d\u043e \u0435\u0449\u0451 \u0435\u0441\u0442\u044c \u0433\u0434\u0435 \u043f\u0440\u0438\u0431\u0430\u0432\u0438\u0442\u044c. \u041d\u0430\u043f\u0440\u0438\u043c\u0435\u0440, \u043f\u0440\u0438 \u0437\u0430\u043f\u0443\u0441\u043a\u0435 \u0444\u0443\u043d\u043a\u0446\u0438\u0438, \u0440\u0430\u0431\u043e\u0442\u0430\u044e\u0449\u0435\u0439 \u0441 \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u043c \u043b\u044e\u0431\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430. \u041c\u043e\u0436\u043d\u043e \u043b\u0438 \u043e\u043f\u0442\u0438\u043c\u0438\u0437\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u0447\u0442\u043e-\u0442\u043e \u0435\u0449\u0451, \u0435\u0441\u043b\u0438 \u043f\u0440\u0438 \u0442\u0435\u0441\u0442\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u0438 \u043e\u0433\u0440\u0430\u043d\u0438\u0447\u0438\u0442\u044c \u0444\u0443\u043d\u043a\u0446\u0438\u044e \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c \u0432\u0435\u043a\u0442\u043e\u0440\u0430?<\/p>\n
wasmblr<\/h4>\n
\u0420\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u043d\u0430 C++ \u0441 Emscripten \u2014 \u044d\u0442\u043e \u043a\u0440\u0443\u0442\u043e, \u0438 \u0432 99 % \u0441\u043b\u0443\u0447\u0430\u0435\u0432 \u044d\u0442\u043e\u0442 \u0440\u0430\u0431\u043e\u0447\u0438\u0439 \u043f\u0440\u043e\u0446\u0435\u0441\u0441 \u043d\u0435\u0437\u0430\u043c\u0435\u043d\u0438\u043c, \u043d\u043e \u0438\u043c\u0435\u043d\u043d\u043e \u0437\u0434\u0435\u0441\u044c \u043f\u043e\u0439\u0434\u0451\u043c \u0434\u0430\u043b\u044c\u0448\u0435: \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u0435\u043c \u043a\u043e\u0434 \u0434\u0438\u043d\u0430\u043c\u0438\u0447\u0435\u0441\u043a\u0438. \u041a \u0441\u043e\u0436\u0430\u043b\u0435\u043d\u0438\u044e, \u043d\u0430 \u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044e \u0432 Emscripten \u0447\u0430\u0441\u0442\u043e \u0443\u0445\u043e\u0434\u044f\u0442 \u0441\u0435\u043a\u0443\u043d\u0434\u044b, \u0430 \u0432 \u043a\u0440\u0443\u043f\u043d\u044b\u0445 \u043f\u0440\u043e\u0435\u043a\u0442\u0430\u0445 \u2014 \u043c\u0438\u043d\u0443\u0442\u044b, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u044f \u043d\u0430\u043f\u0438\u0441\u0430\u043b \u0437\u0430\u0433\u043e\u043b\u043e\u0432\u043e\u0447\u043d\u044b\u0439 \u0444\u0430\u0439\u043b, \u0433\u0435\u043d\u0435\u0440\u0438\u0440\u0443\u044e\u0449\u0438\u0439 \u0447\u0438\u0441\u0442\u044b\u0439 WebAssembly \u043f\u0440\u044f\u043c\u043e \u0438\u0437 C++ \u2014 \u044d\u0442\u043e wasmblr<\/u><\/a>.\u00a0<\/p>\n
\u0411\u043e\u043b\u044c\u0448\u0438\u043d\u0441\u0442\u0432\u043e \u0432\u044b\u0437\u043e\u0432\u043e\u0432 \u0437\u0430\u043d\u0438\u043c\u0430\u0435\u0442 1,5 \u043c\u0438\u043a\u0440\u043e\u0441\u0435\u043a\u0443\u043d\u0434\u044b, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043f\u0440\u0435\u0434\u0441\u0442\u0430\u0432\u043b\u0435\u043d\u0430 \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u044f \u0441 \u0441\u0435\u043c\u0430\u043d\u0442\u0438\u043a\u043e\u0439 C++. \u0427\u0442\u043e\u0431\u044b \u0438\u043d\u0441\u0442\u0430\u043d\u0446\u0438\u0440\u043e\u0432\u0430\u0442\u044c \u043c\u043e\u0434\u0443\u043b\u044c WebAssembly, \u043d\u0443\u0436\u043d\u043e 125 \u043c\u0438\u043a\u0440\u043e\u0441\u0435\u043a\u0443\u043d\u0434, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0443 \u043d\u0430\u0441 \u043e\u043a\u043e\u043b\u043e 8000 \u043f\u0435\u0440\u0435\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u0439 \u0432 \u0441\u0435\u043a\u0443\u043d\u0434\u0443, \u0447\u0442\u043e \u043d\u0430\u043c\u043d\u043e\u0433\u043e \u0431\u044b\u0441\u0442\u0440\u0435\u0435 Emscripten.<\/p>\n
\u0420\u0430\u0437\u0432\u0451\u0440\u0442\u043a\u0430 \u0446\u0438\u043a\u043b\u0430<\/h4>\n
\u0417\u043d\u0430\u044f \u0440\u0430\u0437\u043c\u0435\u0440 \u0446\u0438\u043a\u043b\u0430, \u043c\u043e\u0436\u043d\u043e \u0440\u0430\u0437\u0432\u0435\u0440\u043d\u0443\u0442\u044c \u0435\u0433\u043e. \u0420\u0430\u0437\u0432\u0451\u0440\u0442\u044b\u0432\u0430\u043d\u0438\u0435 \u0447\u0430\u0441\u0442\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0435\u0442\u0441\u044f, \u0447\u0442\u043e\u0431\u044b \u0443\u0431\u0440\u0430\u0442\u044c \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0438 \u0434\u043b\u044f \u0446\u0438\u043a\u043b\u043e\u0432 \u0438 \u0430\u0440\u0438\u0444\u043c\u0435\u0442\u0438\u043a\u0443 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0435\u0439. \u0412 wasmblr \u0432\u0441\u0435 \u0432\u044b\u0437\u043e\u0432\u044b cg.* \u0441\u043e\u0437\u0434\u0430\u044e\u0442 \u0441\u0431\u043e\u0440\u043a\u0443, \u0430 \u0437\u043d\u0430\u0447\u0438\u0442, \u0434\u043b\u044f \u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0438, \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u0438\u044f \u0438 \u0445\u0440\u0430\u043d\u0435\u043d\u0438\u044f \u043a\u0430\u0436\u0434\u043e\u0433\u043e \u044d\u043b\u0435\u043c\u0435\u043d\u0442\u0430 \u0432 \u0432\u0435\u043a\u0442\u043e\u0440\u0430\u0445 \u043c\u043e\u0436\u043d\u043e \u0438\u0441\u043f\u043e\u043b\u044c\u0437\u043e\u0432\u0430\u0442\u044c \u0446\u0438\u043a\u043b\u044b C++, \u044d\u0442\u043e \u043d\u0435\u0447\u0442\u043e \u0432\u0440\u043e\u0434\u0435 \u043c\u0435\u0442\u0430\u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0438\u0440\u043e\u0432\u0430\u043d\u0438\u044f.<\/p>\n
std::vector<uint8_t> gen_add_unroll(int len) {   assert(len % 4 == 0);   wasmblr::CodeGenerator cg;      auto pages = (len * 3 * 4) \/ (1 << 16) + 1;   cg.memory(pages).export_(\"mem\");      auto add_func = cg.function({cg.i32, cg.i32, cg.i32}, {}, [&]() {     \/\/ no loop emitted at all,     \/\/ C++ is generating len \/ 4 groups of instructions     for (auto i = 0; i < len \/ 4; ++i) {       cg.local.get(2);        cg.local.get(0);       cg.v128.load(0, i * 16);        cg.local.get(1);       cg.v128.load(0, i * 16);        cg.v128.f32x4_add();        cg.v128.store(0, i * 16);     }   });   cg.export_(add_func, \"add\");   return cg.emit(); }<\/code><\/pre>\n
\u041f\u043e\u044f\u0441\u043d\u044e \u043a\u043e\u0435-\u0447\u0442\u043e \u0432 \u043a\u043e\u0434\u0435.<\/p>\n
1. \u041f\u0435\u0440\u0435\u043c\u0435\u043d\u043d\u0430\u044f pages. \u0412 wasmblr \u043d\u0435\u0442 \u0432\u044b\u0437\u044b\u0432\u0430\u0435\u043c\u043e\u0439 \u0438\u0437 JavaScript \u0440\u0435\u0430\u043b\u0438\u0437\u0430\u0446\u0438\u0438 malloc. \u041f\u043e\u044d\u0442\u043e\u043c\u0443 \u043f\u0440\u0438\u0448\u043b\u043e\u0441\u044c \u043f\u043e\u0440\u0430\u0431\u043e\u0442\u0430\u0442\u044c \u0441 \u043f\u0440\u0435\u0434\u0432\u0430\u0440\u0438\u0442\u0435\u043b\u044c\u043d\u044b\u043c \u0440\u0430\u0441\u043f\u0440\u0435\u0434\u0435\u043b\u0435\u043d\u0438\u0435\u043c \u043f\u043e\u043b\u043d\u043e\u0433\u043e \u0440\u0430\u0437\u043c\u0435\u0440\u0430 \u0432\u0432\u043e\u0434\u0430 \u0438 \u0432\u044b\u0432\u043e\u0434\u0430 (2 \u0432\u0432\u043e\u0434\u0430, 1 \u0432\u044b\u0432\u043e\u0434, 4 \u0431\u0430\u0439\u0442\u0430 \u0441 \u043f\u043b\u0430\u0432\u0430\u044e\u0449\u0435\u0439 \u0442\u043e\u0447\u043a\u043e\u0439, \u0432\u0441\u0435 \u0434\u043b\u0438\u043d\u044b len, \u0440\u0430\u0437\u043c\u0435\u0440 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u044b 1<<16).<\/p>\n
2. \u0427\u0442\u043e \u0434\u0435\u043b\u0430\u0435\u0442 cg.local.get(2) \u043d\u0430\u0432\u0435\u0440\u0445\u0443?\u00a0cg.local.get(X) \u0441\u0441\u044b\u043b\u0430\u0435\u0442\u0441\u044f \u043d\u0430 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b, \u044d\u0442\u043e \u2014 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u0442\u0440\u0435\u0442\u0438\u0439 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442, \u0442\u043e \u0435\u0441\u0442\u044c \u043d\u0430\u0448 \u0432\u044b\u0432\u043e\u0434. \u0412\u044b\u0437\u044b\u0432\u0430\u0435\u043c \u0435\u0433\u043e \u043d\u0430\u0432\u0435\u0440\u0445\u0443, \u043f\u043e\u0442\u043e\u043c\u0443 \u0447\u0442\u043e \u043e\u043d \u043d\u0443\u0436\u0435\u043d \u0434\u043b\u044f \u043f\u0443\u0442\u0438 cg.v128.store \u0432\u043d\u0438\u0437\u0443 \u043a\u0430\u043a \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442 \u0432 \u0441\u0442\u0435\u043a\u0435. WebAssembly \u2014 \u044d\u0442\u043e \u0441\u043a\u043e\u0440\u0435\u0435 \u043d\u0430\u0431\u043e\u0440 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439 \u0441\u0442\u0435\u043a\u0430, \u0447\u0435\u043c \u0440\u0435\u0433\u0438\u0441\u0442\u0440\u0430, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0447\u0438\u0442\u0430\u0442\u044c \u0435\u0433\u043e \u0441\u0442\u0440\u0430\u043d\u043d\u043e.<\/p>\n
3. load \u0438 store \u043f\u0440\u0438\u043d\u0438\u043c\u0430\u044e\u0442 \u043d\u0435\u043f\u043e\u0441\u0440\u0435\u0434\u0441\u0442\u0432\u0435\u043d\u043d\u044b\u0435 \u0430\u0440\u0433\u0443\u043c\u0435\u043d\u0442\u044b. \u042d\u0442\u043e \u0447\u0430\u0441\u0442\u044c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u043a\u0430\u0446\u0438\u0438 WebAssembly. \u0412 load\/store \u043c\u043e\u0436\u043d\u043e \u0436\u0451\u0441\u0442\u043a\u043e \u0437\u0430\u0434\u0430\u0442\u044c \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u0435, \u0438 \u043e\u043d\u043e \u0431\u0443\u0434\u0435\u0442 \u0434\u043e\u0431\u0430\u0432\u043b\u0435\u043d\u043e \u043a \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044e \u0432 \u0441\u0442\u0435\u043a\u0435. \u0412\u043c\u0435\u0441\u0442\u043e \u0442\u043e\u0433\u043e \u0447\u0442\u043e\u0431\u044b \u0436\u0451\u0441\u0442\u043a\u043e \u0437\u0430\u0434\u0430\u0442\u044c 0 \u0438 \u0434\u043e\u0431\u0430\u0432\u043b\u044f\u0442\u044c \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u043d\u0430 \u043f\u0430\u043c\u044f\u0442\u044c, \u043c\u043e\u0436\u043d\u043e \u043f\u0440\u043e\u0441\u0442\u043e \u043e\u0441\u0442\u0430\u0432\u0438\u0442\u044c \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0438 \u043f\u043e\u043c\u0435\u0441\u0442\u0438\u0442\u044c \u0441\u043c\u0435\u0449\u0435\u043d\u0438\u044f \u0432 \u0441\u0430\u043c \u043a\u043e\u0434. \u0412 Emscripten \u044d\u0442\u043e \u0431\u044b\u043b\u043e \u0431\u044b \u043d\u0435\u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e, \u0432\u0435\u0434\u044c \u0441\u0433\u0435\u043d\u0435\u0440\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u044b\u0439 \u043a\u043e\u0434 \u0434\u043e\u043b\u0436\u0435\u043d \u043e\u0431\u0440\u0430\u0431\u0430\u0442\u044b\u0432\u0430\u0442\u044c \u0432\u0441\u0435 \u0442\u0438\u043f\u044b \u0434\u043b\u0438\u043d.<\/p>\n
\u0414\u043b\u044f \u0432\u044b\u0431\u0440\u0430\u043d\u043d\u044b\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0440\u0435\u0437\u0443\u043b\u044c\u0442\u0430\u0442\u044b \u0445\u043e\u0440\u043e\u0448\u0438\u0435: \u0432 2 \u0440\u0430\u0437\u0430 \u0431\u043e\u043b\u044c\u0448\u0435, \u0447\u0435\u043c \u0432 Emscripten. \u0412 \u043f\u043e\u0441\u043b\u0435\u0434\u043d\u0435\u043c \u0442\u0435\u0441\u0442\u0435 \u0441\u043a\u043e\u0440\u043e\u0441\u0442\u044c \u0443\u0436\u0435 154 \u0413\u0431\/\u0441!<\/p>\n
benchmarking vec add of size 4   pure javascript:         6.47 GB\/s (134745835.5 iters\/sec)   typed arrays:            5.94 GB\/s (123764397.54 iters\/sec)   emscripten (simd):       1.34 GB\/s (27821574.95 iters\/sec)   wasmblr:                 2.73 GB\/s (56838383.47 iters\/sec) benchmarking vec add of size 64   pure javascript:         13.82 GB\/s (17996280.78 iters\/sec)   typed arrays:            10.79 GB\/s (14052220.48 iters\/sec)   emscripten (simd):       18.26 GB\/s (23773963.85 iters\/sec)   wasmblr:                 37.41 GB\/s (48715916.95 iters\/sec) benchmarking vec add of size 1024   pure javascript:         15.04 GB\/s (1223936.07 iters\/sec)   typed arrays:            10.91 GB\/s (887874.77 iters\/sec)   emscripten (simd):       75.07 GB\/s (6109401.71 iters\/sec)   wasmblr:                 154.89 GB\/s (12605111.46 iters\/sec)<\/code><\/pre>\n
\u0410 \u043a\u0430\u043a \u043d\u0430\u0441\u0447\u0451\u0442 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u0432 \u0431\u043e\u043b\u044c\u0448\u0435?<\/p>\n
benchmarking vec add of size 16384   pure javascript:         15.02 GB\/s (76393.04 iters\/sec)   typed arrays:            10.89 GB\/s (55389.2 iters\/sec)   emscripten (simd):       90.96 GB\/s (462658.42 iters\/sec)   wasmblr:                 88.09 GB\/s (448069.81 iters\/sec)<\/code><\/pre>\n
\u0414\u043e\u043b\u0436\u043d\u043e \u0431\u044b\u0442\u044c, \u043c\u044b \u0432\u044b\u043f\u0430\u043b\u0438 \u0438\u0437 \u043a\u0435\u0448\u0430 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439. \u0423 \u0440\u0430\u0437\u0432\u0451\u0440\u0442\u043a\u0438 \u0435\u0441\u0442\u044c \u043f\u0440\u0435\u0434\u0435\u043b\u044b, \u0438 \u043c\u044b \u0437\u0430\u0448\u043b\u0438 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0434\u0430\u043b\u0435\u043a\u043e, \u0432\u044b\u043f\u0443\u0441\u0442\u0438\u0432 \u0434\u043b\u044f \u043f\u0440\u043e\u0441\u0442\u043e\u0433\u043e \u0446\u0438\u043a\u043b\u0430 for \u043f\u0440\u043e\u0433\u0440\u0430\u043c\u043c\u0443 \u0440\u0430\u0437\u043c\u0435\u0440\u043e\u043c ~100 \u041a\u0431. \u041f\u0440\u0438\u0434\u0451\u0442\u0441\u044f \u0438\u0434\u0442\u0438 \u043d\u0435\u043f\u0440\u043e\u0441\u0442\u044b\u043c \u043f\u0443\u0442\u0451\u043c \u0438 \u0441\u043b\u0435\u0434\u0438\u0442\u044c \u0437\u0430 \u0443\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u044f\u043c\u0438:<\/p>\n
std::vector<uint8_t> gen_add_mix(int len, int unroll) {   assert(len % (unroll * 4) == 0);   wasmblr::CodeGenerator cg;   auto pages = (len * 3 * 4) \/ (1 << 16) + 1;   cg.memory(pages).export_(\"mem\");   auto add_func = cg.function({cg.i32, cg.i32, cg.i32}, {}, [&]() {     \/\/ keep track of the iteration with this variable     auto iter = cg.local(cg.i32);     cg.i32.const_(0);     cg.local.set(iter);      cg.loop(cg.void_);      \/\/ same as above, but now locals are mutated     for (auto i = 0; i < unroll; ++i) {       cg.local.get(2);        cg.local.get(0);       cg.v128.load(0, i * 16);        cg.local.get(1);       cg.v128.load(0, i * 16);        cg.v128.f32x4_add();        cg.v128.store(0, i * 16);     }      \/\/ pointer\/iterator math below     cg.local.get(0);     cg.i32.const_(unroll * 16);     cg.i32.add();     cg.local.set(0);      cg.local.get(1);     cg.i32.const_(unroll * 16);     cg.i32.add();     cg.local.set(1);      cg.local.get(2);     cg.i32.const_(unroll * 16);     cg.i32.add();     cg.local.set(2);      cg.local.get(iter);     cg.i32.const_(unroll * 16);     cg.i32.add();     cg.local.set(iter);      \/\/ condition to exit the loop     cg.i32.const_(len * 4);  \/\/ bytes     cg.local.get(iter);     cg.i32.ge_s();     cg.br_if(0);      cg.end(); \/\/ need to end the loop! this is important to remember   });   cg.export_(add_func, \"add\");   return cg.emit(); }<\/code><\/pre>\n
\u0422\u0435\u043f\u0435\u0440\u044c \u0432\u044b\u043f\u043e\u043b\u043d\u0438\u043c \u0440\u0430\u0437\u0432\u0451\u0440\u0442\u043a\u0443 \u0441 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u043e\u043c \u0440\u0430\u0437\u0443\u043c\u043d\u0435\u0435 \u2014 16:<\/p>\n
benchmarking vec add of size 4   pure javascript:         6.32 GB\/s (131599401.31 iters\/sec)   typed arrays:            5.88 GB\/s (122460888.5 iters\/sec)   emscripten (simd):       1.33 GB\/s (27803398.21 iters\/sec)   wasmblr:                 2.73 GB\/s (56812962.22 iters\/sec) benchmarking vec add of size 64   pure javascript:         13.82 GB\/s (18000013.97 iters\/sec)   typed arrays:            10.8 GB\/s (14057150.76 iters\/sec)   emscripten (simd):       18.24 GB\/s (23755889.12 iters\/sec)   wasmblr:                 36.98 GB\/s (48154136.31 iters\/sec) benchmarking vec add of size 1024   pure javascript:         15.04 GB\/s (1224069.46 iters\/sec)   typed arrays:            10.85 GB\/s (882788.85 iters\/sec)   emscripten (simd):       73.71 GB\/s (5998175.91 iters\/sec)   wasmblr:                 138.9 GB\/s (11303927.39 iters\/sec) benchmarking vec add of size 16384   pure javascript:         15.27 GB\/s (77662.85 iters\/sec)   typed arrays:            11.09 GB\/s (56398.08 iters\/sec)   emscripten (simd):       90.31 GB\/s (459346.92 iters\/sec)   wasmblr:                 86.71 GB\/s (441049.92 iters\/sec)<\/code><\/pre>\n
\u041f\u043e\u0445\u043e\u0436\u0435, \u0440\u0430\u0431\u043e\u0442\u0430 \u0431\u0435\u0441\u043f\u043e\u043b\u0435\u0437\u043d\u0430\u044f: \u043f\u0440\u043e\u0438\u0437\u0432\u043e\u0434\u0438\u0442\u0435\u043b\u044c\u043d\u043e\u0441\u0442\u044c \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u0430 1024 \u0443\u043f\u0430\u043b\u0430! \u041c\u044b \u043d\u0430\u0432\u0435\u0440\u043d\u044f\u043a\u0430 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u043c \u0435\u0451, \u043f\u043e\u0434\u043e\u0431\u0440\u0430\u0432 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442 \u0440\u0430\u0437\u0432\u0451\u0440\u0442\u043a\u0438.<\/p>\n
\u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0430 \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u0430<\/h4>\n
\u041d\u043e \u0437\u0430\u0447\u0435\u043c \u0434\u0435\u043b\u0430\u0442\u044c \u044d\u0442\u043e \u0432\u0440\u0443\u0447\u043d\u0443\u044e, \u043a\u043e\u0433\u0434\u0430 \u043d\u0430 \u043f\u0435\u0440\u0435\u043a\u043e\u043c\u043f\u0438\u043b\u044f\u0446\u0438\u044e \u0438 \u043f\u0435\u0440\u0435\u0437\u0430\u0433\u0440\u0443\u0437\u043a\u0443 \u043a\u043e\u0434\u0430 wasmblr \u043d\u0443\u0436\u043d\u043e 1\/8000 \u0441\u0435\u043a\u0443\u043d\u0434\u044b? \u041b\u0443\u0447\u0448\u0435 \u043f\u0440\u043e\u0441\u0442\u043e \u0441\u0440\u0430\u0432\u043d\u0438\u0442\u044c \u043a\u043e\u044d\u0444\u0444\u0438\u0446\u0438\u0435\u043d\u0442\u044b \u0438 \u0441\u043e\u0445\u0440\u0430\u043d\u0438\u0442\u044c \u043b\u0443\u0447\u0448\u0438\u0439:<\/p>\n
let best = 0; let best_time = 1e9; for (let i = 0; Math.pow(2, i) < Math.min(1024, N \/ 4 + 2); ++i) {   let [fn, w_a, w_b, w_c] = gen_wasmblr(N, Math.pow(2, i));   for (let _ = 0; _ < 100; ++_) {     fn();   }   const t = performance.now();   for (let _ = 0; _ < 1000; ++_) {     fn();   }   const diff = performance.now() - t;   if (diff < best_time) {     best = i;     best_time = diff;   } }<\/code><\/pre>\n
\u0414\u043e\u0431\u0430\u0432\u0438\u043c \u0435\u0449\u0451 \u043e\u0434\u0438\u043d \u0442\u0435\u0441\u0442. \u0427\u0435\u043c \u0431\u043e\u043b\u044c\u0448\u0435 \u0440\u0430\u0437\u043c\u0435\u0440\u043d\u043e\u0441\u0442\u044c \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u0432, \u0442\u0435\u043c \u043c\u0435\u043d\u044c\u0448\u0435 \u043e\u043f\u0435\u0440\u0430\u0442\u0438\u0432\u043d\u043e\u0439 \u043f\u0430\u043c\u044f\u0442\u0438 \u0438 \u0431\u043e\u043b\u044c\u0448\u0435 \u0432\u043e\u0437\u043c\u043e\u0436\u043d\u043e\u0441\u0442\u0435\u0439 \u0443 \u0438\u043d\u0441\u0442\u0440\u0443\u043a\u0446\u0438\u0439, \u043f\u043e\u044d\u0442\u043e\u043c\u0443 \u0441\u0442\u043e\u0438\u0442 \u043e\u0436\u0438\u0434\u0430\u0442\u044c \u0432\u044b\u0440\u0430\u0432\u043d\u0438\u0432\u0430\u043d\u0438\u044f:<\/p>\n
benchmarking vec add of size 4   pure javascript:         6.58 GB\/s (137027121.14 iters\/sec)   typed arrays:            5.94 GB\/s (123815568.64 iters\/sec)   emscripten (simd):       1.33 GB\/s (27750315.65 iters\/sec)   wasmblr:                 2.73 GB\/s (56932301.96 iters\/sec)   wasmblr (tuned 2):       2.73 GB\/s (56956492.7 iters\/sec) benchmarking vec add of size 64   pure javascript:         13.81 GB\/s (17975517.63 iters\/sec)   typed arrays:            10.78 GB\/s (14037142.11 iters\/sec)   emscripten (simd):       18.21 GB\/s (23713778.4 iters\/sec)   wasmblr:                 36.9 GB\/s (48052212.55 iters\/sec)   wasmblr (tuned 4):       36.31 GB\/s (47284842.5 iters\/sec) benchmarking vec add of size 1024   pure javascript:         14.79 GB\/s (1203713.72 iters\/sec)   typed arrays:            10.8 GB\/s (878615.27 iters\/sec)   emscripten (simd):       73.35 GB\/s (5969393.52 iters\/sec)   wasmblr:                 144.1 GB\/s (11727035.06 iters\/sec)   wasmblr (tuned 16):      144.05 GB\/s (11722845.16 iters\/sec) benchmarking vec add of size 16384   pure javascript:         14.92 GB\/s (75866.72 iters\/sec)   typed arrays:            11.03 GB\/s (56121.47 iters\/sec)   emscripten (simd):       89.49 GB\/s (455146.48 iters\/sec)   wasmblr:                 85.06 GB\/s (432642.22 iters\/sec)   wasmblr (tuned 4):       153.31 GB\/s (779787.52 iters\/sec) benchmarking vec add of size 262144   pure javascript:         14.92 GB\/s (4744.22 iters\/sec)   typed arrays:            10.99 GB\/s (3493.11 iters\/sec)   emscripten (simd):       93.77 GB\/s (29809.79 iters\/sec)   wasmblr:                 87.29 GB\/s (27748.19 iters\/sec)   wasmblr (tuned 2):       93.79 GB\/s (29814.89 iters\/sec)<\/code><\/pre>\n
\u0411\u043b\u0430\u0433\u043e\u0434\u0430\u0440\u044f \u043d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0435 \u0443\u0434\u0430\u043b\u043e\u0441\u044c \u0432\u043e\u0441\u0441\u0442\u0430\u043d\u043e\u0432\u0438\u0442\u044c \u0438\u0434\u0435\u0430\u043b\u044c\u043d\u044b\u0435 \u043f\u043e\u043a\u0430\u0437\u0430\u0442\u0435\u043b\u0438 \u0434\u043b\u044f \u0440\u0430\u0437\u043c\u0435\u0440\u0430 16 384, \u0430 \u043d\u0430 \u043e\u043f\u0440\u0435\u0434\u0435\u043b\u0451\u043d\u043d\u044b\u0445 \u0440\u0430\u0437\u043c\u0435\u0440\u0430\u0445 \u0434\u0430\u0436\u0435 \u0443\u043b\u0443\u0447\u0448\u0438\u0442\u044c \u0438\u0445 \u0438 \u043d\u0435 \u0432\u044b\u043f\u0430\u0441\u0442\u044c \u0438\u0437 \u043a\u0435\u0448\u0430. \u041d\u0430 \u0440\u0430\u0437\u043c\u0435\u0440\u0435 262 144 \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044f \u0443\u0436\u0435 \u043d\u0435 \u0441\u043b\u0438\u0448\u043a\u043e\u043c \u0432\u0430\u0436\u043d\u044b: \u0432\u0435\u043a\u0442\u043e\u0440\u044b \u0442\u0430\u043a \u0432\u0435\u043b\u0438\u043a\u0438, \u0447\u0442\u043e \u043c\u044b \u043f\u0440\u043e\u0441\u0442\u043e \u0436\u0434\u0451\u043c \u0432 \u043f\u0430\u043c\u044f\u0442\u0438 \u043f\u043e\u0447\u0442\u0438 \u0432\u0441\u0451 \u0432\u0440\u0435\u043c\u044f.<\/p>\n
\u0417\u0430\u043a\u043b\u044e\u0447\u0435\u043d\u0438\u0435<\/h4>\n
\u0414\u043b\u044f \u043d\u0435\u0431\u043e\u043b\u044c\u0448\u0438\u0445 \u0432\u0435\u043a\u0442\u043e\u0440\u043e\u0432 \u043f\u043e\u0434\u043e\u0439\u0434\u0451\u0442 \u0447\u0438\u0441\u0442\u044b\u0439 JavaScript. \u0415\u0441\u043b\u0438 \u0436\u0435 \u0432\u0435\u043a\u0442\u043e\u0440\u044b \u0431\u043e\u043b\u044c\u0448\u0435 \u043a\u0435\u0448\u0430, \u043e\u0442\u043b\u0438\u0447\u043d\u043e \u0441\u043f\u0440\u0430\u0432\u0438\u0442\u0441\u044f Emscripten. \u0410 \u043a\u043e\u0433\u0434\u0430 \u0440\u0430\u0437\u043c\u0435\u0440 \u043e\u0447\u0435\u043d\u044c \u0441\u043f\u0435\u0446\u0438\u0444\u0438\u0447\u0435\u0441\u043a\u0438\u0439 \u0438 \u0443 \u0432\u0430\u0441 \u043c\u043d\u043e\u0433\u043e \u0432\u0440\u0435\u043c\u0435\u043d\u0438, \u0432\u043e\u0441\u043f\u043e\u043b\u044c\u0437\u0443\u0439\u0442\u0435\u0441\u044c wasmblr. \u0421\u043f\u0430\u0441\u0438\u0431\u043e \u0437\u0430 \u0432\u043d\u0438\u043c\u0430\u043d\u0438\u0435!<\/p>\n
\u0410 \u043c\u044b \u043f\u043e\u043c\u043e\u0436\u0435\u043c \u0432\u0430\u043c \u043f\u0440\u043e\u043a\u0430\u0447\u0430\u0442\u044c \u043d\u0430\u0432\u044b\u043a\u0438 \u0438\u043b\u0438 \u043e\u0441\u0432\u043e\u0438\u0442\u044c \u043f\u0440\u043e\u0444\u0435\u0441\u0441\u0438\u044e, \u0432\u043e\u0441\u0442\u0440\u0435\u0431\u043e\u0432\u0430\u043d\u043d\u0443\u044e \u0432 \u043b\u044e\u0431\u043e\u0435 \u0432\u0440\u0435\u043c\u044f:<\/p>\n