フロントエンド技術を学ぼう 2-34.サイトパフォーマンスの最適化について学ぶ

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

第44回はPart II: Learning Front-End Devから、34項のLearn Site Performance Optimizationを紹介します。

サイトパフォーマンスの最適化について学ぶの説明です。

サイトパフォーマンスの最適化について学ぶ

Webパフォーマンスの最適化、WPO、またはWebサイトの最適化は、Webページがダウンロードされ、ユーザーのWebブラウザに表示される速度を向上させるための知識の分野です。世界的にインターネット速度が高速化する中で、Webサイト管理者やWebマスターにとって、Webサイトがレンダリングされるのにかかる時間について考慮するのは適切です。

参照元：英語版Wikipedia

一般的な学習リソース

• Browser Rendering Optimization [視聴]
  (ブラウザレンダリングの最適化)
• JavaScript Performance Rocks [読み物]
  (JavaScriptのパフォーマンス ロック)
• PageSpeed Insights Rules [読み物]
  (ページスピード統計情報のルール)
• perf-tooling.today [読み物]
  (パフォーマンスツール　トゥデイ)
• Performance Calendar [読み物]
  (パフォーマンスカレンダー)
• perf.rocks [読み物]
• Web Performance: The Definitive Guide [読み物]
  (Webパフォーマンス：決定ガイド)
• Website Performance Optimization [視聴]
  (ウェブサイトのパフォーマンスの最適化)
• サイトパフォーマンスの最適化 [読み物][日本語]
• Webサイト高速化・表示速度改善のために知っておきたい基礎知識 [読み物][日本語]
• ざっくりWEBサイト高速化 [読み物][日本語]
• 身につけておきたいWebサイト高速化テクニック #1｜アジェンダ編 [読み物][日本語]
• サイトを37倍に高速化した7つの手法 [読み物][日本語]

Even Faster Web Sites: Performance Best Practices for Web Developers(より速いWebサイト：Web開発者のパフォーマンスのベストプラクティス)

Using WebPageTest(WebPageTestを使う)

Web Performance Daybook Volume 2(Webパフォーマンス日記 ボリューム2)

ハイパフォーマンスWebサイト ―高速サイトを実現する14のルール