表示速度最適化（画像軽量化）

画質を極力落とさずファイルサイズを削減して、表示速度の最適化を行います。

こんなサイトに特に効果が期待できます。
  • テキスト、写真など画像が多いサイト
  • 中でも特に写真などのJPG画像が特に多いサイト
  • ヘッダーやフッターなどの共通箇所が少ないサイト
  • 画像でのロールオーバーが多いサイト

弊社ウェブサイトトップページをデモとして用意しています。


Safariのネットワークタイムラインでの計測結果は以下の通りとなりました。

  • イメージ（画像データ）17.98KB

※計測毎に誤差が生じる場合があります。

上記ページに対し下記のチューニングを行いました。
  • JPG画像の減色による調整
  • GIF画像を軽量化し、PNG画像に変換

 


最適化を行った後のSafariのネットワークタイムラインでの計測結果は以下の通りとなりました。

  • イメージ（画像データ）10.02KB

※計測毎に誤差が生じる場合があります。

合計での計測結果はおよそ60%と、かなりの改善が見られました。この結果は体感速度とは異なる場合がありますが、ひとつひとつのボトルネックを洗い出し、無理のないチューニングを行い改善を行います。

その他にも以下のようなチューニングを行いパフォーマンスを改善いたします。

  • 共通箇所のCSS Sprite化
  • 画像タイプによるJPG画像、GIF画像、PNG画像への調整・変換
ご注意
本サービスはGIF/JPG/PNGなどの画像データの調整によるパフォーマンス改善を行うサービスです。既にチューニングを 施されて実装されている場合、または原因が画像データ以外にある場合には期待する効果が出ない場合がございますので、予めご了承ください。