렌더링
컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
사용자의 품질 인식에 영향을 주는 앱의 핵심 관점은 이미지와 텍스트를 화면에 부드럽게 렌더링하는 것입니다. 앱이 화면에 그려질 때 버벅거림과 반응이 느려지는 것을 피하는 것이 중요합니다.
이 섹션에서는 오버드로 줄이기, 뷰 계층 구조 최적화, GPU 프로파일링 도구 활용 등 앱의 렌더링 성능을 최적화하는 방법을 보여줍니다. Jetpack Compose의 렌더링에 관한 자세한 내용은 Jetpack Compose 성능을 참고하세요.
렌더링 작업
-
오버드로 줄이기
- 앱이 한 프레임에 동일한 픽셀을 다시 그리는 횟수를 최소화합니다.
-
성능 및 뷰 계층 구조
-
레이아웃과 측정이 효율적으로 실행되고 이중 과세를 피해야 합니다.
-
GPU 렌더링 프로파일링을 사용한 분석
- 이 온디바이스 도구를 활용하여 앱의 렌더링 속도를 느려지게 할 수 있는 병목 현상을 파악합니다.
이 페이지에 나와 있는 콘텐츠와 코드 샘플에는 콘텐츠 라이선스에서 설명하는 라이선스가 적용됩니다. 자바 및 OpenJDK는 Oracle 및 Oracle 계열사의 상표 또는 등록 상표입니다.
최종 업데이트: 2024-02-22(UTC)
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],["최종 업데이트: 2024-02-22(UTC)"],[],[],null,["# Rendering\n\nA key aspect of your app that influences your users' perception of quality is the smoothness with\nwhich it renders images and text to the screen. It's important to avoid jank and sluggish\nresponsiveness when your app is drawing to the screen.\n\nThis section shows several ways to optimize your app's rendering performance: reducing overdraw,\noptimizing view hierarchies, and taking advantage of the Profile GPU tool. See\n[Jetpack Compose performance](/jetpack/compose/performance) to learn about rendering in\nJetpack Compose.\n\nRender actions\n--------------\n\n\n**[Reduce overdraw](/topic/performance/rendering/overdraw)**\n:\n Minimize the number of times your app redraws the same pixel in a single frame.\n\n\n**[Performance and view hierarchies](/topic/performance/rendering/optimizing-view-hierarchies)**\n:\n Make sure your layout and measurement are executing efficiently, and avoid double taxation.\n\n\n**[Analyze with Profile GPU Rendering](/topic/performance/rendering/profile-gpu)**\n:\n Take advantage of this on-device tool to identify bottlenecks that might slow your app's\n rendering."]]