---
id: wiki-2026-0508-프론트엔드-렌더링-최적화-rendering-optimiza
title: 프론트엔드 렌더링 최적화(Rendering Optimization)
category: 10_Wiki/Topics
status: duplicate
canonical_id: gpu-acceleration-compositing
duplicate_of: "[[GPU Acceleration (Compositing)]]"
aliases: []
source_trust_level: A
confidence_score: 0.9
verification_status: redirected
tags: [duplicate, frontend, rendering]
last_reinforced: 2026-05-10
github_commit: pending
---

# 프론트엔드 렌더링 최적화(Rendering Optimization)

> **이 문서는 [[GPU Acceleration (Compositing)]] 의 중복본입니다.** Canonical 문서로 redirect.

## 핵심 요약
- 매 rendering optimization 의 main lever 는 GPU compositing layer 의 promote — `transform`, `opacity`, `will-change` 의 사용.
- 매 layout/paint 회피 → composite-only animation 의 60fps.
- 매 layer count 폭증 의 X — memory cost 의 trade-off 의 monitor.

## 🔗 Graph
- 부모: [[GPU Acceleration (Compositing)]] (canonical)
- Adjacent: [[CSS-Containment]] · [[Virtual-Scrolling]]

## 🕓 변경 이력
| 날짜 | 변경 |
|---|---|
| 2026-05-08 | Phase 1 |
| 2026-05-10 | 중복 처리 — canonical 문서로 redirect |
