シンプルに生きる

〜Every Sunday Afternoon〜

はてなブログでページの表示速度が遅い?!実際にやってみた3つの改善方法

スポンサードリンク

片付けしたら身も心も楽になって旅に行きやすくなった"ハチ”です

 

ブログカスタム

サイトの表示速度にも

影響ある!?

※今回使用している画像は荒いので内容は読み取れません。ご了承ください

 

 

ページ表時速度

前回の記事でアクセスアップの記事を書きました

www.ggg750.com

しかし、サイトに来てもらってもページが開かないと

ブログページを閉じちゃいますよね

こちらでチェックできるので実際に測定してみました

「PageSpeed Insights」

測定結果

f:id:hachi78smile:20190318210834p:plain

32です

かなり低いですね

ブログにアクセスしたらページが開かずに閉じちゃうパターンです

自分で確認する時はWi-Fi環境下なので

見てくれてる人も遅いと感じているのだろうか

改善点

ブログテーマ「CONTENTS」を採用してますが

トップ下の「リコメンド枠」の画像に問題があリました

iPhoneで撮った写真をそのままトップ画に貼り付けていたので毎回この画像3枚の読み込みに時間がかかります

見てる人には全く関係ないので外せばいいわけなんですが

せっかくなので改善してみました

画像のリサイズ 

画像だけで一枚338KBもあったのでリサイズしました

MACの場合だとプレビューアプリで無料でできます

写真を選択して

「ツール」→「サイズを調整」を選びます

f:id:hachi78smile:20190318211641p:plain

一番上の「カスタム」欄から画像サイズを変更します

今回は一番小さい320×180にしました

f:id:hachi78smile:20190318212234p:plain

これで画像が軽くなります

だいたい10分の1まで減りました

実際記事に貼り付けてわかりましたが

写真の内容まではわかりません

見るだけなので今回はページ下の画像のみに適応させました

スマホで開いた時の速度が少し改善されてます

はてなスターの非表示

はてなスターの表示にも通信を費やしてます

無しのブログもたまに見るのは表示速度を上げるためなんですね

今回は

トップページの記事一覧に出るはてなスターを非表示にしました

記事のページを開くとページ下には表示してあります

読んでない記事にはてなスターつけますか?

つけませんよね

はてなスターのちっちゃなサムネ画像の表示にも時間がかかってます

トップ画面はできるだけ軽くする改善です

コメント非表示

こちらも同じです

トップの記事一覧のコメントを非表示にしました

記事を読んでないとコメントしようがないので省略です

上記二つはCCSにコピペするだけでできます

 こちらのブログを参考にさせていただきました

 

はてなブログの表示速度が劇的改善。トップページからコメントとスターを非表示にする方法 | LIFEPORT

 

 プチ対策

サイドバーの人気記事リストも今回取り外してみました

理由はバイクウェアの記事の画像の読み込みに時間がかかるからです

あの記事のトップがもスマホのスクショを貼り付けたものなので表示させてるだけで読み込み速度に反映されてるみたいです

一押し記事なのでリコメンド枠に持ってくるか

画像のリサイズは下のでリコメンド枠でもそんなに容量は使いませんが

これからの課題です

まとめ

実際にやってみましたが説明文が英語なのと改善点のURLしか載ってないのでよくわからず

「時間かかってますよ」「こうすればいいですよ」

と、改善を促してくれてるところが「画像サイズ」だったので実施しました

塵も積もれば山となる ではないですが、少しのことが溜まって表示速度に影響が出ていました

自分のブログURLを貼り付けるだけで確認できるので一度お試しあれ

 

今日はここまで

ではまた明日

人生を「俯瞰」し思考をシンプルに「整え」生活をミニマムに「維持」する

ハチでしたー

Copyright © 2019 シンプルに生きる All rights reserved.