<div id="readability-page-1" class="page"><div id="SE-83582eaa-6023-4d27-be73-c2aa4140b62a">
 렌더링 과정​<ul><li>DNS (Domain Name Server) 질의<ul><li>사용자는 웹브라우저 주소창에 URL 을 입력한다.</li><li>DNS 를 통해 URL 에 해당하는 IP 를 찾게되고, 해당 IP 로 요청을 보내게 된다.</li><li>브라우저는 해당 IP 의 서버와 연결된다.</li></ul></li><li>HTML 문서 획득 <ul><li>사용자가 입력했던 URL 에 있는 서버는 사용자에게 HTML 형태의 웹문서 (Document) 를 respose 한다.</li></ul></li><li>주요 렌더링 경로 (Critical Rendering Path, CRP)<ul><li>브라우저는 서버로부터 받은 웹문서를 사람이 이해할 수 있는 형태로 화면에 그린다.</li><li>이때, CRP 가 시작된다.</li></ul></li><li>파싱을 차단하는 HTTP 요청<ul><li>여러가지 케이스가 있지만 &lt;script&gt; 태그가 대표적인 예이다.</li><li>파싱 과정중에 &lt;script&gt; 태그를 만나면 브라우저는 파싱 과정을 멈추고 해당 해당 javascript 를 다운로드 하기 위한 요청 (request) 를 보낸다.</li><li>응답 (response) 를 받으면 브라우저는 해당 javascript 를 실행한다.</li><li>script 태그에 대한 요청 / 응답 / 실행 과정이 완료되면 그제서야 다시 멈춰있던 파싱을 재개한다.</li><li>결과적으로 &lt;script&gt; 태그가 많거나, javascript 크기가 크거나 응답속도가 느리면 파싱에 영향을 주고, 파싱이 영향을 받으면 렌더링이 느려지는 결과를 초래한다.</li></ul></li></ul>​​​#HTTP완벽가이드 #HTTP #HTML렌더링 #렌더링과정
 </div></div>

나만의공간。

KIM JUNGHWAN

렌더링 과정 DNS (Domain Name Server) 질의 사용자는 웹브라우저 주소창에 URL 을 입력한다. DNS 를 통해 URL 에 해당하는 IP 를 찾게되고, 해당 IP 로 요청을 보내게 된다. 브라우저는 해당 IP 의 서버와 연결된다. HTML 문서 획득 사용자가 입력했던 URL 에 있는 서버는 사용자에게 HTML 형태의 웹문서 (Document) 를 respose 한다. 주요 렌더링 경로 (Critical Rendering Path, CRP) 브라우저는 서버로부터 받은 웹문서를 사람이 이해할 수 있는 형태로 화면에 그린다. 이때, CRP 가 시작된다. 파싱을 차단하는 HTTP 요청 여러가지 케이스가 있지만  태그가 대표적인 예이다. 파싱 과정중에  태그를 만나면 브라.......

[HTTP] 렌더링 과정

댓글