スタンドアロンAMPのすゝめ

 スタンドアロンAMPのすゝめ

FRONTEND CONFERENCE 2017 | 関西フロントエンドUG
http://kfug.jp/frontconf2017/

4cf842e43a782a585d8707f2ba7f9a5c?s=128

Koji Ishimoto

March 20, 2017
Tweet

Transcript

  1. 2.

    • Koji Ishimoto • id: t32k • Front-end Developer •

    Mercari, Inc. / Souzoh, Inc. 自己紹介
  2. 8.
  3. 15.

    - No bit is faster than one that is not

    sent; send fewer bits. - We can’t make the bits travel faster, but we can move the bits closer. High Performance Browser Networking Ilya Grigorik
  4. 18.
  5. 19.
  6. 22.

    AMPの速さの理由 - 非同期スクリプトしか認めない(野良JSの使用禁止) - リソースは予めサイズ指定する - 拡張コンポーネントに描画をブロックさせない - Third-Party JavaScript

    はクリティカルパスにいれない - CSSは全てインラインに記述し50KBまでに制限する - フォントの読み込みは適切に - スタイルの再計算は最小限に - GPUアニメーションしか認めない - リソース読み込みの優先づけ
  7. 28.
  8. 29.
  9. 35.

    AMP isn’t mobile only , it’s mobile first. About that ‘mobile’

    in Accelerated Mobile Pages – Medium Paul Bakaus
  10. 41.
  11. 49.
  12. 50.
  13. 51.
  14. 52.