タグ

ブックマーク / web.dev (2)

  • What makes a good Progressive Web App?  |  Articles  |  web.dev

    What makes a good Progressive Web App? Stay organized with collections Save and categorize content based on your preferences. Progressive Web Apps (PWA) are built and enhanced with modern APIs to deliver enhanced capabilities, reliability, and installability while reaching anyone, anywhere, on any device with a single codebase. To help you create the best possible experience, use the core and opti

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

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

    zetta1985
    zetta1985 2017/11/16
  • 1