렌더링 (2) 썸네일형 리스트형 101 Javascript Critical Rendering Path (한글) (2) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 예제 코드에서 오타로 보이는 부분을 일부 수정했습니다. 필요한 경우, 원문을 확인해주세요. 원문: https://indepth.dev/posts/1498/101-javascript-critical-rendering-path 저작권 정보: https://indepth.dev/ 렌더 차단 자원 CSS 줄이는 방법 어떤 웹 페이지이든, 첫 스크롤 지점(fold) 이전에 있는 콘텐츠와 스크롤 지점 이후에 있는 콘텐츠가 있습니다. fold 이전에 있는 콘텐츠는 신중하게 선정해야 합니다. fold 전에 있는 모든 콘텐츠는 스타일을 로드해야만 합니다. 즉, 이것들은 Critical Style.. 101 Javascript Critical Rendering Path (한글) (1) 이 글은 아래 원문을 번역한 글로 의역이 있을 수 있습니다. 정확한 의미를 파악하고 싶으신 분은 원문을 참고해주시기 바랍니다. 원문: https://indepth.dev/posts/1498/101-javascript-critical-rendering-path 저작권 정보: https://indepth.dev/ 이 글에서는 주요 렌더링 경로의 과정을 살펴보겠습니다. 정의상, 주요 렌더링 경로는 브라우저가 HTML 페이지를 가져와서 사용자에게 웹페이지를 시각화하는 동안 경로를 만드는 몇 가지 단계의 모음에 불과합니다. 이 과정에서, 우리는 브라우저가 수행하는 단계를 최적화해야 합니다. The Document Object Model 우선, 모든 웹페이지에는 문서 객체 모델(DOM)이 있습니다. 이는 구문 분석.. 이전 1 다음
