Web制作ツール

ブログやHPで画像圧縮をしてサイトの表示速度をアップしてみました。 WebPageTestのImgCompressのパスチェック

先日の記事にて画像圧縮ソフトを使ってWebPageTestの

img Compressのチェックをパスするように圧縮してみました

実際にどのくらい早くなったのか実験してみました。

結果から言いますと、かなりの効果があります是非お試しください。

参考記事

resize14

画像サイズはそのままでファイルサイズは1/3になりました

resize15

左が圧縮後 右が圧縮前

鮮度は少し落ちますが、品質を80などにすればほとんど分からないかも知れません

実際に自分の許容出来る範囲まで品質を見極めてブログにアップすれば

表示スピードはかなり上がると思います

ぜひお試しください

 

レポート

実際に圧縮してどのくらいサイト表示速度が変わるのか実測してみました

計測にはWebPageTestを使用

画像サイズはそのままで品質を80で設定

resize16resize18

左が圧縮前 右が圧縮後

読込時間が約半分になっています

resize17

ちゃんとこのサイトで画像が圧縮されているという事になりました。

全ての画像に圧縮をしていく事でサイトの表示速度が向上すると思います

関連記事

  1. Web制作ツール

    HTMLコードをコピペするだけでスタイルシートを自動生成してくれるWebサービス 『OneClick…

    HTMLコードを貼り付けるだけでスタイルシートを自動生成してくれるWe…

  2. Web制作ツール

    プレビューしながらWeb画面配色・カラーを選択できるWebサービス 『Speculo』

    サンプルのWebページをプレビューしながらWeb画面の配色を設…

  3. Web制作ツール

    ブログ記事毎に共有数が分かるWebサービス はてブやTwitter、いいね!! 『BuzzWatch…

    ブログのURLを入力するだけで記事毎の共有数を調べる事が出来るWebサ…

  4. Web制作ツール

    ホームページの横幅に迷ったらここを見れば参考になるかも「主要WEBサイトの横幅まとめ一覧」

    ホームページ制作において横幅というのは意外と迷うものです私の作…

  5. Web制作ツール

    登録不要!! IE5.5、IE6~IE10のサイト表示チェックが出来るWebサービス IENetRe…

    IEのサイトチェックに便利なWebサービスでURLを入力するだけで使え…

  6. Web制作ツール

    自分のサイトがスマホでどの様に見えるか確認できるWebサービス Test Mobile View

    自分のサイトなどの入力したURLがスマホでどの様に見えるかを確認できる…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP