WebAssembly는 로드, 메모리, JS 경계 비용을 이해해야 이득이 난다
계산은 빠를 수 있지만 .wasm 로드, instantiate, linear memory, JS↔Wasm 호출 비용이 성능을 좌우한다.
| 경계 | 의미 | 좋은 사용 | 위험 신호 |
|---|---|---|---|
| Load | .wasm 파일을 가져오고 컴파일 | MIME과 캐시 정책 설정 | 로딩 실패 또는 느린 첫 실행 |
| Instantiate | import와 메모리를 연결해 실행 준비 | instantiateStreaming 사용 | import 불일치 |
| Memory | linear memory와 TypedArray view 공유 | 큰 배열을 한 번에 전달 | 문자열·객체 변환 비용 |
| Call boundary | JS가 Wasm 함수를 호출 | 큰 계산을 묶어서 호출 | 작은 함수를 수천 번 왕복 |
| Fit | CPU heavy 작업에 적용 | 이미지, 압축, 암호, 물리 | DOM 중심 UI 로직에 과도 적용 |
Wasm 도입 전 병목이 실제 CPU 계산인지 확인하고 JS와 Wasm 경계 호출을 줄이는 설계를 해야 한다.