イナカイカナイ?

プチ自給自足、ダイエッター、射撃好き。

はてなブログで表示速度を改善するには?画像圧縮してなくて後悔

先日、クロール数が少なくなったっていう記事を書いたんですけど、今回はその続き。

表示速度についてです。

初心者で全然詳しくはありませんが、やったことを自分の覚書としてまとめています。

 

www.morino.work

 今回も謎なことばかりなんで、ググってググってもう大変。

 

表示を速くする為にした方がいいことのアドバイス

 こちらで速度を計ると、改善点のアドバイスをもらえます。

 

PageSpeed Insights

 

私の場合、モバイル28、パソコン53

 

改善できる項目はこちら

 

・オフスクリーン画像の遅延読み込み

・レンダリングを妨げるリソースの除外

・Javascriptの最小化

・適切なサイズの画像

・次世代フォーマットでの画像の配信

 

の5つでした。

 でも、はてなブログ側にして貰わないと自分ではなんともならないものもあるので、私がやるべきことは画像のサイズを修正することくらいかな。

 

 

ちなみにアナリティクスの平均読み込み時間は13.87秒。

 

www.thinkwithgoogle.com

 

さらに、こちらでは、2、9秒。やっぱり遅いんだって~

 

はてなブログで表示速度を改善するには?

 

・はてなヘッダー、フッターを非表示(proのみ)

・タイトル画像は使わない

・はてブコメントを非表示

・はてなスターを非表示

・ブログカードをテキストリンクにする

・画像の圧縮

 

 上3つは既に前からやっていました。

はてなスターは試験的にそのうちやってみる予定です。

ブログカードはその記事によって、カード向きかテキスト向きかに分かれると思うので今後は臨機応変に。

 

重要なのは、画像ですね。

圧縮してるのとしてないのがあるんですよね~

面倒だからってそのまま載せちゃったのが多いんです。

 

画像圧縮してから載せないとブログが遅くなる

 

 はてなブログを遅くする原因については様々なものがありましたが、私の場合はコレですね。

画像圧縮してから載せないとブログが重くなるっていうのは聞いてたんですが、それほど画像を載せるようなタイプではないので、ある程度たまったらまとめて処理すればいいや~なんてはじめの頃は思ってました。

が、圧縮することなんぞほぼ忘れ、はや90記事に到達。

積もり積もった画像の数はいかばかりでしょうか?

 

ずっと放置というかそのまま忘れていた画像ときちんと向き合う時がきたんですね。

もう逃げられないんで意を決して2、3日前から少しずつやってますが、面倒くさいのなんのって、、、

 

1、画像を圧縮する

私は簡単なのでこれ使ってますが、もっと細かく設定とかしたい方は他にも色々あるらしいので調べてみるといいと思います。

tinyjpg.com

 

ちなみに、はてなでは次世代フォーマットでの画像は無理っぽい。

2、はてなフォトライフの設定を変える

私は、画像サイズ、600ピクセル。

画質、70%にしてます。

お好みで。

3、圧縮した画像をはてなフォトライフにアップロード

今までの画像とごっちゃにならないように、「圧縮済み」ってフォルダを作っときました。

4、はてなフォトライフから画像を投稿

今まで記事に載せてきた画像を一枚ずつ差し替えていきます。

90日分ですよ、気が遠くなる~

 

悪いこと言いません。

記事が多くなる前に、先送りにせずに、早い段階でやっておいた方が身のためです。

全然、PCとか詳しくありませんが、これだけは言えるアドバイスです。

 

 まだ画像の差し替えは全部終わってはいませんが、先ほど速度を計測したら、モバイル43、PC60になってました。

でもこの数値って毎回同じじゃなくて、けっこうバラつきがあるのであまり気にしない方がいいかもですけど。

サーチコンソールのクロールは少しマシになって直近で38です。

 

2回にわたるブログネタで疲れてしまいました。

ゆっくり散歩がしたいです。

 

本日も読んで下さってありがとうございました。