wb2875 님의 블로그

WebAssembly를 이용한 고성능 웹 애플리케이션브라우저 위에서 네이티브 수준의 퍼포먼스를 구현하다1. 들어가며웹 개발은 오랜 시간 동안 HTML, CSS, JavaScript라는 삼두마차에 의존해 발전해 왔습니다. 하지만 복잡한 계산, 이미지 처리, 머신러닝, 실시간 게임 등 고성능 처리를 요구하는 애플리케이션에서는 기존의 JavaScript만으로는 퍼포먼스 한계에 부딪히는 경우가 많습니다.이러한 한계를 해결하기 위한 기술이 바로 **WebAssembly(WASM)**입니다.브라우저 위에서 C, C++, Rust 등의 코드를 컴파일해 실행할 수 있으며, JavaScript보다 빠르게 실행되는 이진 포맷입니다.2. WebAssembly란?2.1 정의WebAssembly는 브라우저에서 실행 가능한 이진..

성능 지표(Lighthouse)의 이해와 개선 사례웹 성능 최적화의 출발점은 진단에서 시작된다1. Lighthouse란 무엇인가?Lighthouse는 Google에서 제공하는 오픈소스 성능 진단 도구로, 웹사이트의 품질을 측정하고 개선 방법을 제시해주는 분석 툴입니다. 성능뿐 아니라 접근성, SEO, 웹 표준(PWA 등)에 대한 점수도 확인할 수 있어 개발자와 운영자 모두에게 매우 유용한 도구입니다.Chrome 브라우저 내에서 직접 실행할 수 있고, Lighthouse CI, Node.js CLI, PageSpeed Insights 등으로도 연동이 가능합니다.2. Lighthouse의 측정 항목 및 지표 설명Lighthouse는 총 5가지 영역에 대해 각각 0~100점의 점수를 매깁니다.항목설명Acces..