Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

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

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

Koji Ishimoto

March 20, 2017
Tweet

More Decks by Koji Ishimoto

Other Decks in Technology

Transcript

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

    Mercari, Inc. / Souzoh, Inc. 自己紹介
  2. - 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
  3. AMPの速さの理由 - 非同期スクリプトしか認めない(野良JSの使用禁止) - リソースは予めサイズ指定する - 拡張コンポーネントに描画をブロックさせない - Third-Party JavaScript

    はクリティカルパスにいれない - CSSは全てインラインに記述し50KBまでに制限する - フォントの読み込みは適切に - スタイルの再計算は最小限に - GPUアニメーションしか認めない - リソース読み込みの優先づけ
  4. AMP isn’t mobile only , it’s mobile first. About that ‘mobile’

    in Accelerated Mobile Pages – Medium Paul Bakaus