PRPL パターンを使用して即時読み込みを適用する | Articles | web.dev

PRPL パターンを使用して即時読み込みを適用する コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 PRPL は、ウェブページを読み込んでインタラクティブに高速化するために使用されるパターンの頭字語です。 遅れて検出されたリソースをプリロードします。 最初のルートをできるだけ早くレンダリングします。 残りのアセットを事前にキャッシュに保存します。 他のルートや重要性の低いアセットを遅延読み込みします。 このガイドでは、これらの各手法を連携させながら、個別に使用してパフォーマンスを向上させる方法について説明します。 Lighthouse を使用してページを監査する Lighthouse を実行して、PRPL の手法に沿った改善の機会を特定します。 Ctrl+Shift+J キー（Mac の場合は Command+Option+J キー）を押して DevToo

[tetsuzin]

脳が読み方を「ぷるぷるパターン」と認識してからそれ以外の発音ができなくなった

[hirorock]

設計思想 簡易なもので対応するのが良さげ 必要最低限なリソースはサーバー側で返して、後でいいのは動的に取得という感じ

[kitokitoki]

パープル

[yamadar]

Push - Render - Pre-cache - Lazyload

[nobuoka]

Android アプリの Instant Apps のモジュール分割も考え方としては一緒っぽい気がする。