タグ

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

  • web.dev インフラストラクチャの変更  |  Blog

    web.dev インフラストラクチャの変更 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 こんにちは、Paul です。 このサイトについてお知らせしたいと思います。 私は、GitHubホストされている CMS のインフラストラクチャを、Google の多くの異なるチーム間で共有されるインフラストラクチャに移行することにしました。これは、サイトに対するユーザーの関わり方に影響します。その点について簡単に説明します。 このサイトを初めて作成したとき、Google は「ウェブ開発の棚」を作るつもりでした。サイトで重点を置くべきだと Google が考えたものだけを提供するサイトを作成し、Lighthouse と 110 を組み合わせて使用するカスタム インフラストラクチャを構築しました。そのコンセプトは非常に素晴らしいものでした。ユーザーがサイトをどのよ

  • Learn Images  |  web.dev

    Stay organized with collections Save and categorize content based on your preferences.

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

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

    yamadar
    yamadar 2018/07/09
    Push - Render - Pre-cache - Lazyload
  • ウェブ向けのストレージ  |  Articles  |  web.dev

    ウェブ向けのストレージ コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 外出先でインターネット接続が不安定であったり、接続できなかったりする場合があるので、 オフライン サポートと信頼性の高いパフォーマンスは、 プログレッシブ ウェブアプリ完全なワイヤレス状態でも 保存、キャッシュ、その他のストレージ手法を賢く使用すると、 ユーザーエクスペリエンスが大幅に向上しますキャッシュに保存する方法はいくつかあります。 静的なアプリケーション リソース(HTMLJavaScriptCSS、画像など) データ(ユーザーデータ、ニュース記事など)最適なソリューションはどれでしょうか?方法 保存できる量はどれくらいでしょうか強制排除されないようにするにはどうすればよいですか? 何を使用すればよいですか? リソースを保存する一般的な推奨事項は次のとおりです。 アプリやフ

  • 1