モバイルウェブのスピードアップに不可欠なのは 画像・JS・フォント の最適化 #ChromeDevSummit
[レベル: 中級] 昨日とおとといに続いて、今日も Chrome Dev Summit 2018 のセッションレポートをお届けします。 セッションのタイトルは “Speed Essentials: Key Techniques for Fast Websites” です。 昨日レポートしたセッションと同じようにモバイルウェブの高速化がテーマです。 しかし、こちらはより実践的な内容になっています。 パフォーマンス改善に非常に役立つテクニックが満載です。 パフォーマンス改善の優先対象は画像とJS、フォントの3つ モバイルウェブで 1 ページあたりデータ量が多いリソースは次の順番（HTTP Archive 調べ） 画像 (約 500 KB) JavaScript (約 380 KB) フォント (約 80 KB) この 3 つは Performance Budget（パフォーマンス バジェット）
Webページの読み込み時間、3秒が限界か - 5秒になると直帰率激増
Pingdomは2018年1月18日(米国時間)、「Does Page Load Time Really Affect Bounce Rate? - Pingdom Royal」において、Webページの読み込み時間が長くなるほど、ユーザーはそのページからすぐに離れていくと伝えた。 Webページの読み込みにかかる時間が2秒までは直帰率は9%ほどだが、3秒を超えると一気に直帰率が増え、5秒になると38%まで増えている。ページの読み込み時間は2秒または3秒までに抑えることが、ユーザーをページにとどまらせる上で効果的と見られる。 Webページ読み込み時間と直帰率グラフ - 資料: Pingdom Webページの読み込み時間は2秒以内に抑えるべきとよく言われるが、Pingdomに掲載されたグラフ/データもこれを裏付ける結果を示している。Pingdomの調査によれば、Webページの平均読み込み時間は3
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
