WASM 선택 기준 지도

WebAssembly는 고성능 구간을 분리할 때 빛난다

전체 앱을 바꾸기보다 계산량이 크고 DOM 의존이 낮은 부분을 모듈로 떼어 JavaScript와 연결합니다.

1. 병목 확인CPU 연산이 실제 지연 원인인지 측정합니다.
2. 언어 선택Rust, C, C++ 등 기존 라이브러리를 검토합니다.
3. 모듈 경계입출력은 작게, 반복 계산은 Wasm 안에 둡니다.
4. JS 연결로드, 인스턴스화, 에러 처리를 UI와 연결합니다.

적합한 작업

이미지필터, 압축, 픽셀 단위 변환처럼 반복 계산이 많은 작업
게임물리, 충돌, 경로 탐색 등 예측 가능한 고속 계산
분석대량 데이터 처리, 수치 계산, 기존 네이티브 라이브러리 재사용

주의할 경계

DOM화면 조작은 JavaScript가 계속 담당하는 편이 자연스럽습니다.
전송.wasm 파일 크기와 초기 로딩 비용을 함께 측정합니다.
스레드무거운 작업은 Web Worker와 조합해 UI 멈춤을 줄입니다.

Wasm 후보 조건: JavaScript가 느린 모든 곳이 아니라, 큰 데이터를 반복 계산하고 결과만 UI로 넘길 수 있는 구간이 Wasm 후보입니다.