--- id: wiki-2026-0508-렌더링-차단-리소스-render-blocking-resou title: 렌더링 차단 리소스 (Render-blocking Resources) category: 10_Wiki/Topics status: verified canonical_id: self aliases: [Render Blocking, Critical Resources, Critical Rendering Path] duplicate_of: none source_trust_level: A confidence_score: 0.9 verification_status: applied tags: [performance, web-vitals, rendering, frontend] raw_sources: [] last_reinforced: 2026-05-10 github_commit: pending tech_stack: language: html framework: browser --- # 렌더링 차단 리소스 (Render-blocking Resources) ## 매 한 줄 > **"매 render-blocking = First Paint 까지 매 다운로드/parse 필수 리소스"**. 매 head 안 sync ` ``` ### Critical CSS inline ```html ``` ### media query split ```html ``` ### Preload critical font ```html ``` ### Modulepreload (ES modules) ```html ``` ### Resource hints ```html ``` ### Speculation Rules (Chrome 121+) ```html ``` ### Fetch priority ```html

``` ## 매 결정 기준 | 리소스 | 처리 | |---|---| | Critical CSS (above fold) | inline `