Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

PWA and Autoplay Policy

1,016 views

Published on

2018/3/16 second PWA Study

Published in: Engineering
  • Be the first to comment

  • Be the first to like this

PWA and Autoplay Policy

  1. 1. PWAと Autoplay Policy PWA Beginners 勉強会 #2 平田智子
  2. 2. 自己紹介 平田智子 Twitter @10tomok0 GitHub tomoko523 SIer Windows/VB.NET/C#/Augular 5年くらい →GsAcademy(DEV4) →Webエンジニア@渋谷ベンチャー PHP/Nodejs/AWS/VueJs 1年くらい
  3. 3. PWA対応サイト 触ってますか?
  4. 4. ex.) Twitter,Instagram Twitter Lite Instagram どちらも上がネイティブアプリ、下がPWA(軽い!!)
  5. 5. 触ってみて 違和感が...
  6. 6. 動画が自動再生されない!! 再生ボタンが 表示されている
  7. 7. Autoplay Policyに引っかかってる? Autoplay Policy(自動再生ポリシー)とはGoogleが定めたChromeの動画自動再生に関する制御のこと。 特定条件以外での自動再生は標準でブロックされる。 https://developers.google.com/web/updates/2017/09/autoplay-policy-changes Safari, Chromeの自動再生ポリシー変更のまとめ
  8. 8. Autoplay Policyに引っかかってない! PWAのアプリケーションはAutoplayPolicyの 対象外となっている ただし、PWAのアプリとして起動したアプリのみ (ブラウザでアクセスした場合は他のWebサイト 同様自動再生はブロックされる)
  9. 9. Attention!! ここからは個人の見解です
  10. 10. そもそも自動再生しない作りにしている? PWAの特徴(3G回線での高速動作、キャッシュの活用) に沿った実装にしているのでは??? ・自動再生はデータロードの観点では高負荷 ・バックグラウンドでロードしている?
  11. 11. 離脱率をとるか、Web最適化をとるか 自動再生を制限すると離脱率があがるのでは? 「自動で再生=ユーザーのアクションが少なくてすむ= 楽」という図式が崩れる(参考:1、インスタで「タイムライン疲れ」を感じるワケ) 動画のようなリソースを扱うリッチなアプリを PWA化(Webアプリ)する際の課題と感じた。

×