ブログが重すぎる!① (スピードテストと画像編)

ダイエット

ブログが重すぎる・・・。
PCで見ても明らかに重いため、スマホで開くとWi-Fi以外では止まってしまうほどに重い!(^^;)
Googleが推奨する「Above The Fold」(スクロールしないで見えるファーストビュー)の表示は1秒だとか!?
表示時間の待ち時間を我慢できる折り目を分析したもので、3秒かかるサイトでは40%が我慢できずに閉じてしまうらしいです。

スポンサーリンク

スピードチェックで現実を知る。

web上にはたくさんの計測サービスがありますが、
私が試した中で分かりやすくてお薦めの2つを紹介します。

Website speed test 

Website speed test

時間・重さ・グレードとともに、ファイル毎の時間も一覧表示されるため
「おまえのせいか!」と犯人を特定することができます。(^^)

計測結果には多少バラつきがありますが、
私が初めてここを訪れた時は、12秒以上の結果に打ちのめされダイエットを決意しました。

PageSpeed Insights 

PageSpeed Insights

Google Developersのツールで、Googleの評価を得るためにも
ここでの診断結果を上げることは必須です。

モバイルとPCでの評価が表示されて、様々な修正案も教えて頂けるのですが専門用語が多くて戸惑いますが分かるところから少しずつ初めてみましょう。

画像圧縮サイトで驚いた!ダイエットには効果大!

私はPhotoshopを使用してるので傲慢にも画像圧縮サイトなんて必要ないと思っていました。

しかし、
上記の「PageSpeed Insights」の画像を最適化するの項目にはズラリと「ロスレス圧縮すれば○○%削減できます」のリストが!

そのリストの殆どがPNGファイルに対してでした。
Photoshopでは、PNGファイルは保存時のオプションか
web用に保存で「PNG-8」「PNG-24」しか選べません。

Photoshop PNGオプション

「PNG-8」だとカラー数の調整で出力ファイルサイズを縮小することができますが画像劣化が嫌なので、いつも普通に最小保存を選んでいました。

このブログのロゴを例にすると、

lahat ng gusto ロゴ

圧縮なし
108KB

lahat ng gusto ロゴ2

圧縮/最小
33.2KB

lahat ng gusto ロゴ3

WEB用/PNG-24
13.9KB

lahat ng gusto ロゴ4

WEB用/PNG-8
5.76KB

lahat ng gusto ロゴ5

WEBサービス/TinyPNG 利用
4.48KB

上は108KBから下は4.48KBと24分の1まで縮小されてるのにパッと見では違いが分かりません。

一番下のWEBサービスはPNGを圧縮してくれるサイトです。

TinyPNG 

TinyPNG

可愛いパンダさんの横へPNG画像をドラッグ&ドロップすると自動で圧縮が始まるので、あとはダウンロードボタンを押せば変換されたファイルが手に入ります。

JPEGファイルを圧縮してくれるサービスもたくさんあります。
選ぶのに困るほどたくさんあって使い方もそれぞれ長短ありますが、お薦めは日本のサイトで圧縮以外でも文字入れ・切り抜き、その他様々な加工ができるフリーのWEBサービスです。
画像加工編集サイト・フリーソフト:無料写真加工ならバナー工房

私はTOPページのデザインに使用していた画像ファイル全てを圧縮しなおし、帯に使用してた画像をやめてcssでデザインしなおすことで2MBのダイエットに成功しました♪(^^)v

でも、まだまだ重くてもっともっとダイエットが必要ですが勉強しながら少しずつ手をつけていくつもりです。

最後までご覧いただき ありがとうございました。

おすすめ

スポンサーリンク

このページをシェアしてくれたら嬉しいな~(*'∀'人)

テスト
おじぎ猫 訪問ありがとうございました。

お知らせ
スパムが多いため、コメントは承認制になっています。
確認次第、承認と返信をいたしますね。(^^)/

My Youtube
石巻貝を助けるコリドラス 石巻貝を助けるコリドラス
morphing morphing
恐竜体操で食べられた!? 恐竜体操で食べられた!?
ゴジラのパロディ ゴジラのパロディ
アナと雪の猫王 アナと雪の猫王
Prince PURI #2 Prince PURI #2
トカゲ酒飲んで変身!! トカゲ酒飲んで変身!!

 15日月末ポイント消滅 !? 確認はこちら 楽天市場

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

トップへ戻る