HTTP2 Server Push

Creator

Creator

Seonglae Cho

Created

Created

2021 Jun 1 1:35

Editor

Editor

Seonglae Cho

Edited

Edited

2023 Oct 23 13:13

Refs

Refs

chrome 106에서 default Disabled 되고
HTTP Early Hints 로 대체하도록 권유

클라이언트가 요청하기 전에 HTTP / 2 호환 서버가 HTTP / 2 호환 클라이언트로 리소스를 보냄

서비스 워커를 통해 캐시된 자원은 리턴받으면 중복되서 받지 않게 사용하면 더 좋다

인증되지 않은 SSL인 경우 크롬에서 서버 푸시된 자원을 거절

Progressive Web App - HTTP2 서버 푸시(Server Push)

HTTP2의 서버 푸시를 활용하면 자원(JS, CSS, Image 등)을 하나의 TCP connection으로 클라이언트에 전달할 수 있습니다. 네트워크 활용도를 높여주고 빠른 로딩을 가능하게 합니다. 다음 그림은 웹 페이지를 요청할 때 브라우저에서 일어나는 일입니다. HTML, JavaScript, CSS를 빠르게 로딩할수록 브라우저는 더 빨리 렌더링 작업을 합니다. [참고] 이 외에도 로딩 성능을 빠르게 하기 위해 PRPL 패턴, 압축 등 어려 기술들이 있습니다.

https://sunjoong85.github.io/pwa,/http2/2018/04/16/Pogressive-Web-App-HTTP2%EC%99%80-Server-Push.html

Recommendations

////////////