Critical Rendering Path - 2
👉전편에서는 크리티컬 렌더링 패스의 전반적인 과정에 대해 설명. 이번에는 최적화 하는 방법과 JavaScript에 대해 조금 더 자세히 포스팅할 예정이다. TL;DR 크리티컬 렌더링 패스를 최적화하는 데에 크게 3가지의 방법이 있다. Minify, Compress, Cache: HTML, CSS, JS…
👉전편에서는 크리티컬 렌더링 패스의 전반적인 과정에 대해 설명. 이번에는 최적화 하는 방법과 JavaScript에 대해 조금 더 자세히 포스팅할 예정이다. TL;DR 크리티컬 렌더링 패스를 최적화하는 데에 크게 3가지의 방법이 있다. Minify, Compress, Cache: HTML, CSS, JS…
Critical Rendering Path란 크리티컬 렌더링 패스란 브라우저가 HTML, CSS, JavaScript를 스크린에 픽셀로 나타내는 과정을 의미한다. 이 과정을 최적화하는 것이 렌더링 퍼포먼스를 향상시킨다. TL;DR HTML을 요청하고 응답 받으면 브라우저가 이것을 파싱(HTML Parser…