過ぎし子育ての日々はほぼ笑い話

空を見るのが好きな、アラフォーシングルマザーの子育て雑記ブログです。

ページの表示速度を計測 はてなブログの標準シェアボタンの非表示で速くなるか実験!

ブログの表示速度については、初心者ながら以前から気になっていた事で、何度かGoogle PageSpeed Insights(以下、PageSpeed Insights)で計測したことがあります。

注目したのは記事下に入れているシェアボタンです。
今回は、初心者なりに速度改善に向けて、実験してみた結果を書きます。

 

PageSpeed Insights

PageSpeed InsightsはGoogleが提供している、ページの表示速度を計測できるツールです。
100が最高値で、100に近づけるための方法も見れます。
言葉が難しくて、私には理解できないですが(泣)

f:id:unohanna:20181108224903j:plain

広告
 

PageSpeed Insightsでの現在の測定結果

ブログのトップページと、サイトマップを作った事を紹介した記事の2ページを測定してみました。

★ブログトップページ-過ぎし子育ての日々はほぼ笑い話

★訪問者さま向けのHTMLサイトマップを作りました【はてなブログでHTMLサイトマップを作る】 - 過ぎし子育ての日々はほぼ笑い話

今回実験する前のPageSpeed Insightsでも測定結果はこちらです。

f:id:unohanna:20181108215907j:plain

f:id:unohanna:20181108215840j:plain

 

すみません、思った以上に見にくいですね(汗)
下に表にしました。はじめてのテーブルです(苦笑)

2ページ以外もいくつか計測していますが、モバイルに関しては80以上で緑色のGoodに入っているので、モバイル表示はまずまずのようです。
問題はパソコンの方です。

パソコンに関してはイエローとレッドのオンパレードで、ちょっと凹む(苦笑)

画像は、説明系の記事はどうしても多く入れてしまい、3枚~6枚ほどで、それ以外の記事は2枚程度にしています。

解像度はイラストをキレイに見せたいのでついつい大きくしがちですが、ブログ記事の幅より大きくはしないように気を付けています。

文字数は4000文字を超えたら、記事を分けるようにしています。

PageSpeed Insightsで、改善策を表示してくれていますが、初心者には難しいです(泣)
カスタマイズのコード入れすぎなのかな・・・と思ったりもしましたが、はてなブログの標準のソーシャルパーツは重いと見た事があるので、外した時と、表示した時で、実験してみました。

広告
 

はてなブログのソーシャルパーツ非表示で速度はどう変わったか?

トップページの結果

標準のソーシャルパーツ 5つ(はてブFacebookTwitterGoogle+1・Pocket)を表示

モバイル

82

パソコン

66

標準のソーシャルパーツをすべてを外す

モバイル

83

パソコン

73

ソーシャルパーツを1つずつ表示させた場合🔻

はてなブックマークのみ表示

モバイル

83

パソコン

73

Facebookのみ表示

モバイル

83

パソコン

66

Twitterのみ表示

モバイル

83

パソコン

73

Google+1のみ表示

モバイル

83

パソコン

73

Pocketのみ表示

モバイル

83

パソコン

73

え、Facebookってそんなに重いの?? Facebook以外を表示させた場合も試してみました🔻

はてブTwitterGoogle+1・Pocket の4つを表示させた場合

モバイル

83

パソコン

73

 

f:id:unohanna:20181108224328j:plain

 

サイトマップを作った事を報告する記事の結果

訪問者さま向けのHTMLサイトマップを作りました【はてなブログでHTMLサイトマップを作る】

標準のソーシャルパーツ 5つ(はてブ/FacebookTwitterGoogle+1・Pocket)を表示

モバイル

87

パソコン

61

標準のソーシャルパーツをすべてを外す

モバイル

87

パソコン

68

ソーシャルパーツを1つずつ表示させた場合🔻

はてなブックマークのみ表示

モバイル

86

パソコン

67

Facebookのみ表示

モバイル

84

パソコン

61

Twitterのみ表示

モバイル

86

パソコン

68

Google+1のみ表示

モバイル

85

パソコン

68

Pocketのみ表示

モバイル

86

パソコン

65

今回もFacebookが重くさせているようです。 Facebook以外を表示させた場合も試た結果はこちら🔻

はてブTwitterGoogle+1・Pocket の4つを表示させた場合

モバイル

87

パソコン

67

 

f:id:unohanna:20181108224434j:plain

ソーシャルパーツで重いのはFacebookなのかな?

今回の実験では、とにかくFacebookが重いという結果が出ました。
他のソーシャルパーツは思っていたほど影響していないという結果が衝撃です。

何度かやってみた結果なので、大幅に違う事はないと思いますが、Facebookだけこんなに重いのは意外です。
また時間を作って再度実験してみます。

というのも、今回は2つのパソコンで実験しましたが、同じページを計測しても2台同じ数字の時もあれば、1~2くらいずれたり、絶対的に測定できるわけではないのかもしれません。

この結果を踏まえて、近々Facebookのソーシャルパーツだけ、標準は非表示にして、コードを追加しようと思います。

最後に

こんな面倒な事をするぐらいなら、ソーシャルパーツ全部をカスタマイズしたらいいと思われてしまいますが、個人的に標準のシェアボタンが使いやすくて好きなもので考えていました。
見た目はカスタマイズした方がキレイですよね。
かわいかったり、かっこいいシャアボタンもたくさんあって目移りしちゃいます。

見た目に負けて、全部カスタマイズする日もくるかもしれません。
気分屋で恥ずかしい(苦笑)

今回、表の作成(テーブルをHTMLで作る)を頑張ってみたんですけど、表示がイマイチで見づらくて失礼しました。またリベンジします!

なんだか理科の研究結果発表みたいな記事でしたね。

本日も最後まで読んでいただき、ありがとうございました。

 

関連記事

 

広告