Gyao

フロント

高速リリース

ダークローンチ

マイクロサービス化

まずは計測。計測用Docker OSSをカスタマイズして計測ツールを作成　リリース後、　競合他社のパフォーマンスも計測

パフォーマンス指標（RAILモデル）

サービスの性質に合わせた指標を作成

初期表示(FMP/TTI)の改善

スクリプトを１つにまとめる。

クリティカルCSS 　初期表示のみで使用するCSSを先に読む。

IntersectionObserver

バックエンドデータ取得の高速化

AMP GoogleのCDNにキャッシュされて配信。制限のついたHTML

後々のパフォーマンスにも影響。

GeneralElectric社で使用されている Predix Design System を踏襲。

Inverted Triangle CSS

下層から上層の編集を禁止している。（CSS）

”ピュアみ”

デザインシステムとは、製品を提供するための製品である。

「実現したいこと」→「コンポーネントの粒度で考える」

UI/UX の意図を残しておく。

最高落札価格 6億9000万

Abuser

kukai （機械学習）

BFFパフォーマンスチューニング

Node.js React

Apache Bench（ベンチマーク）

console.time, console.end

profileを取る node --prof index.js

ボトルネックを探すだけでも、労力がかかる。