후보 선정
이미지 처리, 암호화, 압축, 시뮬레이션처럼 계산 비중이 큰 부분을 고른다.
경계 설계
JavaScript가 UI와 I/O를 맡고 Wasm은 순수 계산 함수를 담당하게 나눈다.
메모리 전달
문자열과 배열이 Wasm memory로 복사되는 비용을 측정한다.
성능 비교
동일한 데이터 크기와 반복 횟수로 JS 경로와 Wasm 경로의 시간을 나란히 잰다.
Wasm 계산 후보
큰 계산 덩어리
반복 연산이 많고 DOM 접근이 거의 없는 로직
입출력 크기가 너무 작으면 이득이 적음
나쁜 후보
UI 중심 코드
이벤트, 상태, DOM 변경이 잦은 기능
JS가 더 단순하고 빠를 수 있음
Memory
공유 버퍼
Wasm linear memory에 데이터를 넣고 결과를 읽음
복사 비용이 병목 가능
Toolchain
Rust/C++ 빌드
wasm-pack, Emscripten 등으로 산출물 생성
디버깅과 sourcemap 준비