Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Let's Diet JPG Image! JPGダイエットする3つの理由

236 views

Published on

アイデアマンズ株式会社のLightFile CoreはJPGファイルの容量削減を行います。そもそもどうしてJPGダイエットしないといけないのか、ということを説明します。

Published in: Internet
  • Be the first to comment

  • Be the first to like this

Let's Diet JPG Image! JPGダイエットする3つの理由

  1. 1. Let’s Diet JPG Image!! JPGダイエットする3つの理由 アイデアマンズ株式会社 新規事業部グロースハッカー 能勢
  2. 2. コミュニティ:MT東京実行委員 MTDDC Meetup TOKYO 2016実行委員長
  3. 3. テーマ JPGダイエットする必要性
  4. 4. JPGダイエットするとどうなるの? もしかしたらコンバージョンが上がる (かもしれない) というメリットが!? ※保証はしません。自己責任で。
  5. 5. えっ?どうして? JPGダイエットすると、 ウェブページの表示が今よりも速くなる 。 サクサク情報を手にすることができる。 表示に時間がかかりすぎてる問題
  6. 6. 3つのポイント JPGダイエットには、3つの論点がある
  7. 7. ①テキストファイルよりもJPG テキストファイルをminify化しても、割合はいいけど容量が減らない 種類 元ファイル 削減後 削減割合 削減容量 jQuery 268KB 87KB 約68% 181KB Bootstrap 157KB 125KB 約20% 32KB Photoshop 90% JPG 1026KB 739KB 約28% 287KB 上のJPGをLFCで処理 739KB 421KB 約43% 318KB
  8. 8. ①テキストファイルよりもJPG 画像の方が削減容量が大きい! JPGダイエットしましょう!
  9. 9. ②表示速度改善で収益が上がる?
  10. 10. ②表示速度改善で収益が上がる? amazon.com:読み込み時間が0.1秒減ると、売上が1%増加 (2006年にAmazonが公表) 2006年のamazon.comの売上は、約100億ドル ということは、約1億ドル増加!(日本円で、約112億円)
  11. 11. ②表示速度改善で収益が上がる? ページ読み込み時間が1秒増えると、 1. コンバージョン数が7%減少 2. PVが11%減少 3. ユーザの満足度が16%減少
  12. 12. ②表示速度改善で収益が上がる? 容量削減で読み込み時間を短く! JPGダイエットしましょう!
  13. 13. ③ウェブページにおける画像の占める割合(ポータルサイト ) JS, 346KB CSS, 43KB 画像, 1,100 KB font, 6KB
  14. 14. ③ウェブページにおける画像の占める割合(レシピサイト ) JS, 496KB CSS, 76KB 画像, 602KB font, 107KB
  15. 15. ③ウェブページにおける画像の占める割合(ブログサイト ) JS, 100KB CSS, 4KB 画像, 3,000 KB font, 0KB
  16. 16. ③ウェブページにおける画像の占める割合 ウェブページには画像がたくさん! JPGダイエットしましょう!
  17. 17. 結論 1. 単一ファイルとしては、テキストファイルの minify化よりも、画像のほうが容量を削減でき る 2. ウェブページでは、画像はかなりの割合を占め ている
  18. 18. まとめ 1. JPGダイエットすると 2. ウェブページを表示する容量が減る 3. ウェブページの表示が早くなる 4. コンバージョンが上がる!
  19. 19. 結論 JPGファイルをダイエットすると、 閲覧者が今よりも速く 情報を手にすることができる
  20. 20. その結果、誰が得するの? 1. 閲覧者が素早く情報を手に入れる 2. ウェブサイトで設定されているコ ンバージョンが上がる
  21. 21. まずやってみよう!
  22. 22. 自動化&ほぼ劣化しないでJPGダイエット https://core.lightfile.net/ JpegMiniよ り軽くなる !
  23. 23. 間に合えばデモ
  24. 24. 人間だけじゃなく、JPGも。
  25. 25. ご清聴ありがとうございました

×