WebAssembly를 계산 경계에만 적용하기

후보 선정

이미지 처리, 압축, 암호화, 시뮬레이션처럼 계산 비중이 큰 부분을 고른다.

UI와 I/O는 JS가 맡고 Wasm은 순수 계산을 담당하게 나눈다.

문자열과 배열이 Wasm memory로 오가는 복사 비용을 측정한다.

JS 구현과 Wasm 구현을 같은 입력 크기에서 벤치마크한다.

Wasm 계산 후보

큰 계산 반복 연산이 많고 DOM 접근이 거의 없는 로직

호출 단위가 너무 작으면 이득 감소

나쁜 후보

UI 중심 이벤트와 DOM 변경이 잦은 기능

JS가 더 단순

Memory

공유 버퍼 linear memory에 입력을 넣고 결과를 읽음

복사 비용 병목

wasm 로드 파일 크기와 streaming compile, MIME 설정

초기 비용 확인

측정 도입 전후 CPU 시간과 로딩 비용을 모두 비교한다.

경계 JS-Wasm 호출이 작은 단위로 너무 자주 반복되지 않는다.

fallback 로딩 실패나 미지원 환경의 대체 경로가 있다.

디버깅 sourcemap과 에러 추적 방식을 준비한다.