フロントエンド技術を学ぼう 3-40.パフォーマンスツール

Front-end Developer Handbook 2017を教科書にフロントエンド周りの技術を習得する連載。

第92回は Part III: Front-End Dev Toolsから、40項のPerformance Toolsを紹介します。

パフォーマンスツールの説明です。

パフォーマンスツール

リポート

• GTmetrix
• sitespeed.io
• Speed Curve [$]
• Web Page Test

JavaScriptツール

• imagemin
• ImageOptim-CLI

リソース管理

• performancebudget.io

リファレンス/ドキュメント

• Jank Free
• Performance of ES6 features relative to the ES5
  (ES5と比較したES6のパフォーマンス)

チェックリスト

• Front-End Performance Checklist 2017
  (フロントエンド パフォーマンス チェックリスト 2017)