ep56 Monthly Web 201908

Info

published_at
2019-09-01
guest
@あざらし / Sho Miyamoto

Theme

第 56 回のテーマは 2019 年 8 月の Monthly Web です。

Chrome 動向

Firefox 動向

Safari 動向

  • Stable: 12.1.2
  • Updates
  • アクティブにインタラクションしている
  • ページは最前面に出ているがインタラクションしていない
  • ページが最前面ではない
  • User Interaction のための fast paths をあけておく
    • FP/ロードの最適化は、電力消費にも効果的
    • 初期ロード後は、 JS をすばやくアイドルにすることが重要
    • OS で可能な操作(スクロール etc) は JS でやらずに OS に任せるほうが効率的。
  • できるだけ電力を消費しない
    • 頻繁に CPU を起こすような Timer の数を減らす。
    • 動き続けるアニメーション(GIF, spinner, auto-play video etc)を減らす。
    • IntersectionObserver を用いて見えてない要素の処理を減らす。
    • アニメーションはスクリプトではなく最適化の効く CSS を利用。
    • 定期的なネットワークのポーリングをやめ WebSocket や KeepAlive fetch を利用。
  • 消費電力ゼロ
    • ページがインアクティブになると以下を実施
      • rAF の停止
      • CSS/SVG アニメーションの停止
      • タイマーを間引く
    • さらに OS が以下を実施
      • iOS: タブを完全にサスペンド
      • macOS: App Nap でスロットル
    • ただし CPU は起こせてしまうため以下を併用
      • Page Visibility API
      • fucus されてない場合に発生する blur event
  • Other

Edge 動向

WHATWG/W3C 動向

TC39 動向

IETF 動向

セキュリティ動向

周辺動向

イベント