教員ママの不妊治療と子育て

教員お休み中。子育て、おうちモンテ、2人目不妊治療中。

【初心者ブログ】表示速度が遅い!?画像を圧縮してブログを軽量化しよう

ブログ 軽量化

ブログを20記事くらい書いた頃、『なんかブログの動き、遅い…?』とやっと気が付いたまみこ(spanmamiko1121)です。

 

原因はなんとなーく後回しにしていた、画像の圧縮でした。

超初心者なんで、やり方調べないといけないし…とめんどくさがって普通にポンポン画像を貼っていたんです。

 

画像の圧縮をしたら、ブログが軽くなったのでやり方を紹介していきたいと思います。

 

私のブログって重いのかな?

実は、家のWi-Fiが最近調子が悪いんですよね。

なので、それのせいだろうと思っていたんですが一応…と「ブログ 遅い」と検索。

 

ココでサイトの速度チェックができるということで、やってみました!

PageSpeed Insights

 

 やり方は簡単です。

f:id:spanmamiko1121:20190228033727j:plain

 赤い四角にブログのURLを入れてボタンを押すだけ!!

少し待つと結果が出ます。

 

私の場合は、https://www.spanmamiko.com/と入れます。結果は…

f:id:spanmamiko1121:20190228033900j:plain

 

 

f:id:spanmamiko1121:20190228033934j:plain

パソコン42 モバイル29


 ひえー!赤いし、ダメなのは分かる!

ちなみに数字の目安は

90~100 速い◎

50~89    平均〇

   0~49     遅い✖

 

パソコンもモバイルもめちゃ遅いということが判明しました。

動作が遅いと、ブログを見に来てくれた人も早々に去って行っちゃうんだって! 

ブログの表示速度を改善する

画像の圧縮の仕方

さっきのサイトのページを少し下に行くと、改善できる項目というのがあって、そこにバッチリ適切なサイズの画像にしろよ☆とかいてあったの早速取り掛かりました。

 

画像の圧縮はウェブ上で圧縮できる

Bulk Resize Photosを使用しました。

 

こちらの記事が画像付きで説明してあり、とても分かりやすいです。 

blog.marswee.com

 

画像を圧縮するのは、本当にあっという間です。

簡単!簡単!

 

地獄はここからです… 

画像の張替えが超面倒くさい

圧縮した画像をすでに書いてある記事に張り替える作業が、超絶面倒くさいし時間がかかるんです。

 

本当に、そう黙々とやり続けるしかないんです。

これをやっている時間に記事いくつ書けたかな…と考えるとめっちゃ落ち込みます。

 

まだの人は、少しでも早く始めた方が良いですよ!

ついでにalt属性も書いておく

せっせと作業している間に知った、SEO対策のalt属性の記入というのを同時に行うことでこの時間を少しでも無駄じゃないと自分に言い聞かせることができました。

 

SEO対策=googleとかで検索した時に少しでも早い順番で表示されるようにする

alt(オルト)属性=画像自体にも名前をつけてあげること

 

alt属性の記入も、やり方自体は簡単です。 

記事の編集で、画像を置き換える時に同時に行えちゃいます。

   ブログ 軽量化

赤い丸の部分【画像にalt属性を指定する】にチェックを入れると、

下の部分【画像の代替テキスト】という四角が出てくるので、そこに記入するだけです。

 

記入の仕方は

【離乳食 カレー】【子ども カレールゥ】など分かりやすいものにしましょう

 

【子どもの離乳食にカレーが良い】という文章や

【こどものためのカレールゥ 離乳食 1歳 食べない】などと単語を増やしすぎたり内容を狭めてしまうのもNGです。

 

赤線【上級者向け】とあるので初めの頃は上級者じゃないし、いっか!と思っていました!!がびーーーん! 

画像の圧縮後の結果は…マル!

先ほどはパソコン42 モバイル29ととんでもない数字だったのですが画像を圧縮してからの結果は…

 

ブログ 軽量化

 

ブログ 軽量化

パソコン83 モバイル42

 

パソコンは超改善!早いと言われている数字になりました。

 

モバイルも29⇒42なので改善はされていますが、まだ平均以下…

私のブログはモバイル(スマホ)から見てくれている人が7割なのでこれは致命的です。

 

うーん、ブログって難しい!

なんとかもう少し改善できるように頑張りたいと思います。

まとめ

画像の圧縮なんて、当たり前にやっている人からしたら何言ってんの?という感じかもしれませんが、私のようにPC音痴の超初心者ブロガーには同じような人がいるはずです…

 

初めから画像の圧縮、alt属性の記入をしておくと後で無駄な時間をとられることがないのでとっても楽ですよー!

一人でも初心者ブロガーの人の目にとまりますように…

 

 

 

↓ ランキング参加しています。ポチッと応援してもらえると嬉しいです♡

にほんブログ村 子育てブログへ
にほんブログ村

 

 

✱コチラも一緒に✱

 

www.spanmamiko.com

www.spanmamiko.com

www.spanmamiko.com

www.spanmamiko.com