タグ

tipsとmodelに関するko-ya-maのブックマーク (1)

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

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

  • 1