반응형
프로그레시브 렌더링이란 무엇입니까?
좋은 인턴십을 찾기 위해 저는 이러한 질문에 답 하고 있습니다.라는 질문이 하나 있는데, 그것이 말하는 내용이 명확하지 않습니다. 이전에 관련 정보를 들어 본 적이 없기 때문에 프로그레시브 렌더링 이 무엇 인지 알고 싶습니다 .
프로그레시브 렌더링은 가능한 한 빨리 표시 할 콘텐츠를 렌더링하는 데 사용되는 기술에 부여 된 이름입니다.
광대역 인터넷 이전에는 훨씬 더 널리 사용되었지만 모바일 데이터 연결이 점점 인기를 얻고 (신뢰할 수 없게 됨) 현대 개발에 여전히 유용합니다.
이러한 기술의 예 :
- (일반적으로) 일부 자바 스크립트가 페이지로드시 모든 이미지를로드하는 대신 브라우저 뷰포트로 들어올 때 이미지를로드하는 레이지로드 입니다.
- 가능한 한 빨리 표시하기 위해 먼저 사용자 브라우저에서 렌더링되는 페이지 양에 필요한 최소 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
반응형
'Development Tip' 카테고리의 다른 글
phpMyAdmin 오류 : mbstring 확장이 없습니다. (0) | 2021.01.07 |
---|---|
Dockerfile을 사용하여 호스트에서 컨테이너로 파일을 복사하는 방법 (0) | 2021.01.07 |
Angular2에서 Http 호출을 연결하는 방법은 무엇입니까? (0) | 2021.01.07 |
LAMP의 XAMPP 및 WAMP, 무엇이 최고입니까? (0) | 2021.01.07 |
iOS에서 대화 / 전화 통화를 녹음하려면 어떻게해야합니까? (0) | 2021.01.07 |