Pinterest PWAのパフォーマンス改善事例
https://pinterest.com にログインして新しいPWAを体験してみてください。なぜProgressive Web App（PWA）なの？これまでの経緯。グローバルなな成長を目指すPinterestはモバイルサイト強化のためPWAの開発をはじめました。 認証をしていないユーザーの仕様状況を分析したところ、古い低速のモバイルサイトでは1%しかユーザー登録、ログイン、ネイティブアプリのダウンロードなどのコンバージョンをしていないのが分かりました。このコンバージョン率を向上させる事で得るメリットは大きく、PWAへの投資につながりました。 PWAの開発とリリースを３ヶ月以内で行う 3ヶ月という限られた期間中、Pinterestは、React、Redux、webpackを使用してモバイルサイトを再構築しました。この再構築地によりコアビジネスKPIに対して様々な改善がもたらされました。
サンプルコードで学ぶPWA - Qiita
はじめに Google I/O 2017の動画を確認し、そろそろPWAについて真面目に把握していかなければと思い至り、GitHubからいくつかサンプルプログラムを探してきて触ってみたので基本的な技術情報と合わせてまとめました。なのでPWA初心者向けです。 特定のJSフレームワークを扱う専門のエンジニアでない限り（私自身がそうなので）、それぞれのJSフレームワークの対応状況なども気になるところだと思いますので、 React.js , Angular , Vue.js の3つにおけるPWAのサンプルについても調べました。 確認した手順などを含めて要点だけまとめていますが、詳細はそれぞれのGitHubページを参照しつつcloneして触ってみて頂ければと思います。 シンプル構成 まずはJSフレームワークなどが入っていないシンプルな構成で、PWAの仕組みについてざっくりまとめました。 PWA ret
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Workbox Broadcast Cache Update | Workbox | Google Developers
