PRPL Pattern

Creator

Creator

Seonglae Cho

Created

Created

2021 Apr 1 8:37

Editor

Editor

Seonglae Cho

Edited

Edited

2021 Apr 15 1:59

Refs

Refs

Push Render Pre-cache Lazy-load

PRPL은 기술이나 기법보단 모바일 웹의 성능을 개선하려는 비전

Polymer 팀이 그 틀을 짜고 이름을 정한 후 Google I/O 2016에 공개

PRPL 패턴이란PRPL 은 다음의 약자입니다. Push: 초기 URL 에서 가장 중요한 리소스만 푸시합니다. Render: 초기 경로를 먼저 렌더링 합니다. Pre-cache: 남은 경로를 사전에 미리 캐시합니다. Lazy-load: 요청에 따라 필요 시 남은 경로를 로드하고 다음 루트를 만들어 보여줍니다. PRPL은 PWA(Progressive We

https://ddok2.github.io/2018/01/29/prpl-pattern/

PRPL 패턴

Apply instant loading with the PRPL pattern

PRPL is an acronym that describes a pattern used to make web pages load and become interactive, faster: Push (or preload) the most important resources. Render the initial route as soon as possible. Pre-cache remaining assets. Lazy load other routes and non-critical assets.

Apply instant loading with the PRPL pattern

https://web.dev/apply-instant-loading-with-prpl/

Apply instant loading with the PRPL pattern

Recommendations

//////////