ブログの困ったを解決

ウェブに関する主な指標(元・速度(試験運用版))の改善記録

2020年7月15日

執筆者:スティーブ

ここ数ヶ月にわたる「ウェブに関する主な指標」を改善するため、つまりブログ(サイト)の表示速度を改善するために行ったことをまとめました。

サーチコンソールの「ウェブに関する主な指標」がまだ「速度(試験運用版)」だった頃から始まる記録です。

ことの始まりは2020年の4月頃、サーチコンソール の「速度」の項目が、急にモバイルだけが全件低速になっていたのです!!

今までずっと全て中速だったのに。

なんで??(笑)

スマホとパソコンでページを別々に作ってるわけでもないし。。。モバイルだけが変化する原因なんにも思い当たらん汗汗

ウェブに関する主な指標は、速度(試験運用版)のアップデート版です。

参照:Google Webmastersのツイートより。

なので速度(試験運用版)の改善法=ウェブに関する主な指標の改善法と考えます。

ですので見出しにも『ウェブに関する主な指標で〜』という表現をしております。細かいかもですが前置きします。

ウェブに関する主な指標で起こっている問題

厳密には当時の速度(試験運用版)で起こっていた問題です。

サーチコンソールの「速度(試験運用版)」をクリックすると、ブログ(サイト)の表示速度がこのようになってました。


モバイル速度


PC速度

上記画像を見ると、パソコンの方はずっと変わらず中速。

ですがモバイルの方は4/6までは全て中速ですが、4/7から全て低速になってるんです。

何かしたっけ??(笑)

ウェブに関する主な指標で起こっている問題を考察

そもそもモバイルサイトとパソコンサイトで表示速度に差が出ることが疑問でした。

ぼくのブログはWordPress有料テーマのAFFINGER5 EXを使っていて、レスポンシブでパソコンにもスマホにも表示する仕組み。

パソコンサイトとモバイルサイトを別々に作成してはいないんです。

だからサーバーもパソコンとスマホでもちろん一緒。なのになぜスマホ(モバイル)だけ4/7以降全て低速になったのか?どっちも同じように下がるならわかるけど。。。

そこでググった結果、

速度レポートで低速URL数が激増した理由について
(Search Consoleヘルプのコミュニティに寄せられた質問)

からヒントを頂けました。

ここから得たヒントは以下の2つ。

  1. サーバーに負荷がかかっているために低速になったのではないか?
  2. このレポートは実際にサイトを利用したユーザーのデータから収集されているということ。

そこで1を検証するために、直近30日間でPV数を比較してみると、この時点で1.5倍くらいに増えてました。しかしそれが原因なら、サーバーは同じなんだからPCも低速になるはずじゃないか??。。。でも低速になったのはモバイルのみ。(そもそも3月の月間PV=12,120、4月=16,372。この月刊PV数でサーバー落ちるわけがないのです。。。)

ならば、原因は1のサーバー側ではなく、2のユーザー側だろうと言う結論になりました。

それならばモバイルだけ表示速度が下がったのも、納得がいく。実際に使用されているスマホはスペック様々でしょうから、ブログの表示スピードもまちまちになるだろう。

なんにせよ、ぼくにできることはブログの表示速度をなるべく早くすること。

なので、表示速度を上げるための改善をしていきます。

ウェブに関する主な指標で起こっている問題の改善法

ぼくのブログ構築環境はサーバー=エックスサーバー、WordPressテーマ=AFFINGER5 EXです。

この場合ブログ表示速度改善の方法は、以下のようなものが考えられます。

  • リビジョン削除
  • PHPバージョンアップ
  • Xアクセラレータ
  • AFFINGER5管理→SEO→表示速度優先(β)の設定
  • AMP

実施した改善法

PHPバージョンアップ

サーバーのPHPのバージョンを見直します。ぼくの場合はエックスサーバー。

このとき適用していたバージョンは「PHP7.2.27」でした。これを、この時点でのエックスサーバー推奨の「PHP7.3.14」にバージョンアップしました。

ちなみに、このとき利用できたPHPの最新バージョンはPHP7.4.3でしたが、不具合が出たらとヤだなと思い、選択しませんでした。

Xアクセラレータ

これは、エックスサーバーで利用できる設定項目。

調べたら「Xアクセラレータ Ver.1」になっていたので、これを「Xアクセラレータ Ver.2」にしました。

Xアクセラレータの説明を読んでいて、もしかしたら使用環境によっては無闇にVer.2にするとまずい場合もあるかもと思いましたので、一度こちらをご確認ください。

→参照:Xアクセラレータ(エックスアクセラレータ)(XSERVER マニュアル)

ぼくは大丈夫と判断し、Ver.2にしました!

改善法にはあげたが実施しなかったものとその理由

リビジョン削除

これはWordPressでできることの1つ。

かなり前にブログの表示速度の問題が起こったときは、リビジョン削除で改善したんです。

ですがリビジョン削除をしなくても改善できるかどうかを知りたくて、あえて今回はやらなかったんです。

こんなマニアックな理由がない人は、リビジョン削除した方がいいと思います。

AFFINGER5管理→SEO→表示速度優先(β)の設定

これはAFFINGER5の設定画面に書いてある説明を見て、『ぼくの場合ちょっとまずいかな』と思うことがあるので、使用しませんでした。

ぼくとしてはなるべくいじりたくない設定、といった感じです。

AMP

これはGoogleが推奨するモバイルページ表示の高速化方法です。

が、色々と制限があることや、AMPを使わなくても問題解決できるのかを検証したかったので行いませんでした。

1ヶ月後に改善!!

改善策を実施したのが4/27あたり。

それから約1ヶ月後の6月に入ってから改善してました!

こんな風に


全体速度


モバイル速度2


PC速度2

しかも項目が「速度(試験運用版)」から「ウェブに関する主な指標」に変わってました。

上からわかることは、しばらくモバイルもパソコンも全て改善が必要なURLだったのが、6/1・6/9を境に全て良好URLになっているということ。

上記改善法を実施したお陰で改善しました!

とはいえ、、、

実はそれだけではなく、今回の改善は仕様の変化のお陰なのかもしれません。汗汗

そもそもこの記事書いた最初の頃は「ウェブに関する主な指標」は「速度(試験運用版)」

そう、「試験運用版」だったので何が起きても不思議はないと思いますし、「ウェブに関する主な指標」にアップデートされたのが5/28あたりのようなのです。(この記事冒頭の埋め込みツイートの日付から判断)

ならば6/1・6/9にこのように変化したのは、アップデートのお陰なのかもしれない。。。

まとめ

タイミング的に改善方法をやったおかげなのか、ウェブに関する主な指標へのアップデートのお陰なのかはっきりしない結果です。

それは認めますwwwwww

とはいえ今回紹介したブログ(サイト)表示速度改善法は一般的に効果のあるものだと思いますので、困ったときにはやってみてください。

記事としていまいち締まらない気もしますが、そ、それではまた(^O^;)/

あ、あともし文中で出てきた「エックスサーバー」や「AFFINGER」が気になる方は、こちらを見てみてください。
【初心者でも簡単!】WordPressブログの始め方【エックスサーバー編】
【失敗したくない人向け】テーマはAFFINGER5一択!!

【ワクワクしないでいいの?】

今しているお仕事、それはあなたが一番やりたかったお仕事ですか?

生活するために、本当は関心も興味もない仕事を続ける、、、それって本当に楽しいです??

人生は一度キリで、巻き戻すことはできない。

ワクワクしないでいいの?

ぼくは、自分が一番ワクワクするものとして「ブログ」を選びました。

ブログって趣味でもできるし、仕事にもできるもの。

だから目標をしっかり見据えて試行錯誤を繰り返し、真面目に運営し続ければ、自分の資産になるものなんです。

パソジユには、こんな記事があります↓↓↓

  • ブログの始め方
  • ブログで使うWordPressの使い方
  • ブログに使うパソコン(主にMac)のこと
  • 「仕事辞めよ。。」「転職しよう!」と思った時に直面したこと
  • ブログ関係なく、何かの役に立つ雑記

まずはサイトマップから、各カテゴリーを見てみて下さい!

それか、このページのもう少し下の方(パソコンから見てる方は、画面右上のサイドバーのとこ)にあるタグから、より直感的に記事を探してみるのもあり!

あなたのお役に立てる記事、パソジユにあります(^o^)/

-ブログの困ったを解決
-