Progressive rendering

◾ 프로그레시브 렌더링(점진적 렌더링)이란?
Progressive rendering으로 줄여서 PSSR라 쓰기도 한다.
서버에서 중요한 컨텐츠를 렌더링 한 후에 중요 하지 않은 컨텐츠를 기다리지 않고 클라이언트로 스트리밍을 시작하는 기술이다.

콘텐츠를 가능한 한 빠르게 표시하기 위해
웹 페이지의 성능을 향상시키는 데 사용되는 기술이며
덜 중요한 콘텐츠를 기다리지 않고 중요한 부분을 먼저 볼 수 있다.

아래 두 영상을 비교해 본다면 훨씬 이해될 것이다.

               [위 SSR 아래 PSSR] 렌더링된 동일한 웹사이트 비교

PSSR로 인해 중요한 콘텐츠가 먼저 보이고 점차적으로 전체적인 내용을 볼 수 있다.

PSSR은 콘텐츠가 빠르게 표시되더라도 마지막에 중요하지 않은 콘텐츠가 모두 업로드 된 후, javascript 관련 상호 작용이 활성화되는 단점도 있다. 하지만 PSSR이 필요한 부분에 쓰인다면 훨씬 장점이 클 것이다.

출처: https://medium.com/the-thinkmill/progressive-rendering-the-key-to-faster-web-ebfbbece41a4