LIFEPORT

人生に良い悪いはない。来た道進む先が違うだけ。

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

はてなブログの表示速度が劇的改善

ブログの表示速度を計測できる
Google Page Speed Insights

65点が定位置だったLIFEPORTですが

一気に80点に!

スマートフォンも無料版にかかわらず

72点を越えました!

個人差はありますが対策の価値は大アリですよ!

1. Google PageSpeed Insightsで速度チェック

まずはGoogle PageSpeed Insightsでご自身のブログスピードをご確認下さい

URLを貼り付けるだけで自動で計測してくれます

Googleによると85点以上を高いパフォーマンスと認識するようです

1-1. 表示速度の重要性

ページロード時間の短縮のメリットは
Googleからの評価の向上だけではありません

  • アクセスするユーザーのストレス軽減

  • Google Analytics上のページパフォーマンスの向上

一方でパフォーマンスが低いと良いことありません

  • サイトの表示が 0.5 秒遅くなると、検索数が 20 % 減少する。(Google)
  • サイトの表示が 0.1 秒遅くなると、売り上げが 1 % 減少し、
    1 秒高速化すると 10 % の売上が向上する。(Amazon)


また、Webユーザビリティの第一人者・ヤコブ・ニールセン博士は
「Website Response Times」と題した記事(英語)で
反応速度について以下のように述べています

  • 0.1秒までのなら応答が瞬時に返ってきたという印象を与える
  • 1秒までならユーザーの思考は途切れなく流れる
  • 10秒までならユーザーの注意力は続く
  • 10秒遅延してしまうと、ユーザーが即、サイトから離れてしまうことも多くなる


ブログの直帰率が非常に高かったら
ページロードの長さが原因であるかもしれません

定期的にPageSpeed Insightsでチェックしていきましょう

2. トップページ上のコメント・スター非表示方法

どちらもトップページで非表示にする方法です
というのも全てのページで非表示にする方法はデフォルトであります

はてなスター頂くとうれしいですよね!

ですから完全非表示ではなく
一部非表示のためのカスタマイズだとご理解ください

2-1. コメントの非表示

「ダッシュボード⇒デザイン⇒カスタマイズ⇒デザインCSS

貼り付けて更新して終わり

2-1. はてなスターの非表示

「ダッシュボード⇒デザイン⇒カスタマイズ⇒デザインCSS

貼り付けて更新して終わり

3. 不要な3つの理由

3-1. PageSpeed Insightsで指摘される

f:id:ayame253:20170406164121j:plain

はてなスターを押してくれた方々のプロフィール画像

「おいこれなんとかしろ」

と指摘してきます。いやできひんし

3-2. Googleインデックスでブロックされる(Google Search Console)

f:id:ayame253:20170406165252j:plain

Google Search Consoleに
「ブロックされたリソース」という項目があります

早い話、
『人が見た時とGoogleが見た時でページ違うんですけど』
というクレームです

Googleはてなブログのコメントが表示(可視)できません

3-3. 読んでいない記事にスターを押す?

押さないですよね

コメントできないですよね

いらないですよね

4. 同時に改善したこと

Page Analyticsでクリックされていなかった
サイドバーのカテゴリ表示も非表示にしました

現時点で不要なものは消していこうと思います

また、この機会にLIFEPORTはコメントを完全非表示にしました
その代わりにはてなブックマークのコメントを使用しました

Google Search Consoleで怒られますし
表示速度の低下を招いていたらからです

読者の皆さんとの結びつきを考えるととても悲しかったのですが
代替案を採択したのでひとまずこちらで様子見していきます

皆さんのブログが少しでもスピードアップしたら幸いです

最後まで読んで頂いてありがとうございました!