알고 있으면 너무 좋은 프론트엔드 웹 기술 : Device Memory API
- Device Memory API는 웹 브라우저가 실행되는 기기의 대략적인 메모리 용량(GB 단위)을 확인하는 웹 표준 API입니다. 🧠
- 정확한 메모리 용량이 아닌 대략적인 값을 제공하는 것은 보안 및 개인 정보 보호를 위한 조치입니다. 🔒
- 이 API의 주요 활용 사례는 기기 메모리 용량에 따라 이미지 품질을 동적으로 조절하여 사용자 경험을 최적화하고, 메모리가 작은 기기에서도 웹페이지를 원활하게 사용할 수 있도록 하는 것입니다. 🖼️
- Device Memory API를 지원하지 않는 경우,
performance.memory 객체의 jsHeapSizeLimit 속성을 통해 자바스크립트 힙이 할당할 수 있는 최대 메모리 용량을 얻는 대체 방법을 사용할 수 있습니다. 🔄
navigator.deviceMemory와 performance.memory.jsHeapSizeLimit가 반환하는 메모리 용량은 다를 수 있으며, 각각 기기 전체 메모리와 자바스크립트 힙의 최대 할당 가능 용량을 나타냅니다. 📊
- 수백, 수천만 명이 사용하는 대규모 웹 애플리케이션의 경우, 다양한 기기에서 최적의 사용자 경험을 제공하고 호환성을 높이기 위해 Device Memory API를 적절히 활용하는 것이 중요합니다. 🚀
데브허브 | DEVHUB | 알고 있으면 너무 좋은 프론트엔드 웹 기술 : Device Memory API