ITマニア(自称)の雑記

書きたいものを書く。主にアニメ、ゲーム、ITなど。好きなゲームはペルソナ。音ゲーは苦手です

はてなブログの読み込み速度を早くする4つの方法

元々、はてなブログは遅いです

しかし、僕のブログは特に遅い気がする

やはり、画像を多用しているから?

読み込み速度は設定次第で

ある程度は改善できます

その方法を記述します

f:id:fox514:20200206165012p:plain

 キャラ紹介

f:id:fox514:20191218164352j:plain

ITマニア(自称)。レッドの質問に答えるのが日課な暇人。

 

f:id:fox514:20191218164343j:plain

 レッド。すぐに質問するのが癖

 

_____________________

 

f:id:fox514:20191218164352j:plain

まずは

 

PageSpeed Insightsで

読み込み速度を測定しよう!

developers.google.com

 

自分のサイトのURLを入力すると

測定が開始される

ちなみにこのサイトの測定結果は↓

f:id:fox514:20200206161514p:plain

100点中19点!

 

f:id:fox514:20191024113208p:plain

 低っ!!!!!

 

 

f:id:fox514:20191218164352j:plain仰る通りで.....

 

f:id:fox514:20191218164352j:plainまず、改善方法その1

 

容量がでかい画像を使うな!

容量がでかいと読みこむのが遅くなる

容量は出来る限り、小さくする!

↓のサイトは画像を圧縮して

容量を小さくしてくれる

ブログで使う画像は必ず圧縮しよう!

他にも、画像サイズを小さくすることで

容量を軽くすることが出来る

compresspng.com

 

f:id:fox514:20191218164352j:plain改善方法その2

 

はてなブログの設定を変更する!

設定→詳細設定を開く!

↓の項目にチェックを入れる!

f:id:fox514:20200206162416p:plain

大事なことなので忘れずに!

 

f:id:fox514:20191218164352j:plain改善方法その3

 

ブログのデザイン設定を少しいじる!

 

カスタマイズの記事の項目にある

↓のチェックを外す!

f:id:fox514:20200206162647p:plain

スマホ、PCの設定項目の

記事上、記事下にある

不要なHTML、スクリプトを消す

出来る限り、行を詰める

f:id:fox514:20200206163215p:plain

これは地味にでかい!

 

f:id:fox514:20191218164352j:plain改善方法その4

 

広告をペタペタ張りすぎない!

広告を適度に張るのは問題ない

しかし、張りすぎは問題あり!

読み込み速度が超遅くなる!

 

f:id:fox514:20191218164352j:plain改善方法はこんな感じかな

 

f:id:fox514:20191218164343j:plain

 どれくらい改善したの?

 

f:id:fox514:20191218164352j:plain19点から21点になったよ!

 

f:id:fox514:20200206164240p:plain

 

f:id:fox514:20191024113208p:plain

 たったの2点しか変わってない!

 

 

f:id:fox514:20191218164352j:plain改善しないより、マシだと思うぜ.....

 

f:id:fox514:20191218164352j:plainハハハハハハ

 

まとめ

やらないより、マシ!

はてブの運営がサーバーを改善するのが

一番の近道だと思う!

上記の方法も全く効果がないわけではない!