프로그레시브 렌더링이란 무엇입니까?

프로그레시브 렌더링이란 무엇입니까?

---

좋은 인턴십을 찾기 위해 저는 이러한 질문에 답 하고 있습니다.라는 질문이 하나 있는데, 그것이 말하는 내용이 명확하지 않습니다. 이전에 관련 정보를 들어 본 적이 없기 때문에 프로그레시브 렌더링 이 무엇 인지 알고 싶습니다 .

---

프로그레시브 렌더링은 가능한 한 빨리 표시 할 콘텐츠를 렌더링하는 데 사용되는 기술에 부여 된 이름입니다.

광대역 인터넷 이전에는 훨씬 더 널리 사용되었지만 모바일 데이터 연결이 점점 인기를 얻고 (신뢰할 수 없게 됨) 현대 개발에 여전히 유용합니다.

이러한 기술의 예 :

• (일반적으로) 일부 자바 스크립트가 페이지로드시 모든 이미지를로드하는 대신 브라우저 뷰포트로 들어올 때 이미지를로드하는 레이지로드 입니다.
• 가능한 한 빨리 표시하기 위해 먼저 사용자 브라우저에서 렌더링되는 페이지 양에 필요한 최소 CSS / 콘텐츠 / 스크립트 만 포함하는 가시적 콘텐츠 (또는 스크롤없이 볼 수 있는 부분 렌더링)의 우선 순위를 정한 다음 지연된 자바 스크립트 ( domready / load)를 사용하여 다른 리소스 및 콘텐츠를로드합니다.

---

이는 한 번에 모두가 아닌 서버 측 렌더링을 수행 할 때 데이터를 청크 로 보내는 아이디어와 관련이 있습니다 . 이점은 TTFB (Time to first Byte) 즉, 브라우저가 HTTP 요청을하고 첫 번째 바이트를 수신하는 사이의 시간입니다.

자세한 설명은 아래 'JSConf'토크를 참조하십시오 : https://www.youtube.com/watch?v=aRaQe9n1lPk

참조 URL : https://stackoverflow.com/questions/33651166/what-is-progressive-rendering