asm.js에 작별을 고하기

Context

웹 브라우저 내 네이티브 속도 구현을 위해 asm.js가 도입되었으나, JS 기반 AST 파싱으로 인한 번들 크기 증가와 로드 시간 지연이라는 구조적 한계 존재.

Technical Solution

• JS 엔진의 JIT 최적화에 의존하던 asm.js 구조에서 바이너리 포맷인 WASM으로 전환하여 파싱 오버헤드 제거
• C++ 코드베이스를 WASM으로 컴파일하여 런타임 실행 효율성 극대화 및 브라우저 샌드박스 내 격리 수준 강화
• JS-WASM 간 FFI(Foreign Function Interface)를 통한 데이터 교환 구조 설계로 웹 API 호출 제약 해결
• Emscripten 툴체인을 활용하여 LLVM 기반의 최적화된 기계어 코드를 브라우저 실행 가능 형태로 변환
• GC Type 및 externref 도입을 통해 WASM과 JS 간의 객체 참조 및 상호작용 효율성 개선

Impact

• Figma의 경우 asm.js에서 WebAssembly로 전환 후 로드 시간의 유의미한 개선 달성
• 초기 Firefox OdinMonkey 엔진 기준 일반 JS 대비 2~4배 수준의 실행 속도 우위 확보

Key Takeaway

런타임 최적화를 위해선 고수준 언어의 유연성보다 바이너리 형태의 정적 정의를 통한 파싱 단계 제거가 성능의 핵심이며, 격리 수준과 상호운용성 사이의 Trade-off를 고려한 메모리 관리 설계가 필수적임.