人気テーマ TOP3にSANGOが!1位は?

WordPressを高速化PSIスコア改善 アドセンス広告対策|速度計測を100点に近づける6つの対策

WordPress 高速化

  • ブログの離脱率が高すぎる
  • 表示速度を改善した方がいいと言われた
  • ブログの表示速度が気になるけど改善方法がわからない
  • Twitterの埋め込みを軽くしたい
  • Google広告の表示を軽くしたい

こんな悩みを持っている人は参考にしてください。

アクセスアップの施策として「WordPressを高速表示させること」は非常に重要です。

注意

WordPressテーマ・レンタルサーバーによって対応策はことなるので、最終的には自分で改善策を判断してください。

WordPressの高速化が重要な理由

そもそもWordPressの高速化が重量な理由をご存知でしょうか?

  • WordPressはそもそも重くなりがち
  • WordPressの表示が遅いとユーザーの離脱率が上がる
  • ユーザーの離脱率が上がるとブログの評価が落ちる

どんなにいい記事が書かれていても、アクセスして記事が表示されるまでに時間がかかってしまうと、記事を読む前に読者は離脱してしまいます。

その時間は0.1秒でも短くしておきたいところ。

2秒遅いだけで直帰率が増加するというデータもあります。

サイト表示が2秒遅いだけで直帰率は50%増加! DeNA事例から学ぶWebの自動最適化手法/日本ラドウェア

サイト表示が2秒遅いだけで直帰率は50%増加! DeNA事例から学ぶWebの自動最適化手法/日本ラドウェア

実際のところは3秒も待ってくれません。

2秒以内に記事を表示させないと致命的です。

PageSpeed Insightsとは?

PageSpeed InsightsとはGoogleが用意しているサイトのブラウザでの読み込み時間を計測して数値化するツールです。

スコアが低い原因も丸わかりなので、サイト表示時間の改善対策ができます。

PageSpeed Insights

当ブログのこの記事のPSI速度計測

  • スマホ表示 81
  • PC表示 99

トップページではなく、この記事ページスコアです。

今のところ爆速で表示できています。

このように高速表示するには6つのことに気をつける必要があり、どれか手を抜くとこのスコアは出ません

速度計測 PSIスコアを100点にする意味はある?

必ずしもスコアを100点にする必要はありません。

スコアを高くする目的は、ユーザーに素早くページを表示させることと、検索順位に悪影響を与えないことの2つです。

表示速度スコアをチェックすることで、あなたのWordPressの問題点をあぶり出すことができます。

表示速度を改善するだけでも検索順位が上がることは期待できます。

あなたのブログの表示速度をチェックする方法

ブログの表示速度を調べるのは。Googleの無料で使えるWEBツール「PageSpeed Insights」を使います。

ライバルブログの表示速度チェックもできます。

計測したいURLを入力するだけです。

》PageSpeed Insights(PSI)

スコアの見方
  1. 0〜49 改善せなあかんね
  2. 50〜89 改善の余地ありやな
  3. 90〜100 めちゃええやん

スコアはモバイル/パソコン表示別に結果が出ます。

それぞれ悪影響がある箇所も指摘してくれるので改善ポイントがわかりやすいです。

改善できる項目を見て対策しましょう。

memo

今までブログの表示速度を気にしたことがなかった人は、次の対策をすると確実にスコアUPします。

WordPressを高速化|表示速度を100点に近づける6つの対策

そもそもWordPress自体が重くなりがちな仕組みになっています。

WordPress・データベース・CSSのデザイン・レイアウトデータ、アクションを加えるJavaScriptなどを読み込んでサイトを表示させます。

これに加えて動画やSNSの埋め込みでさらに遅くなります。

どうすれば0.1秒でも速く記事を表示させることができるのか?

高速化の3つのポイント
  1. 画像を最適化
  2. ソースの読み込み
  3. キャッシュ

この3つをどう処理するかで、表示速度はかなり変わります。

1:SNS や動画の埋め込みを最小限に

SNSの埋め込みは必要最小限にしましょう。

SNSの埋め込みを行うと、SNS独自のスクリプトを読み込んでしまうので非常に遅くなります。

SNSの埋め込み乱用はやめましょう。

ウィジェットにTwitterのタイムラインを掲載しているブログも多いですが、フォロワーが増える効果が期待できるわけでもないので、特に意図がない場合は今すぐやめましょう。

2:プラグインでWordPressを高速化する

高速化の一番簡単な方法はプラグインを使うことです。

使用するプラグインは少ない方がいいという情報もあります。

プラグインを入れるほど、処理が増えてワードプレスが重くなるからです。

ですが、さほど重くならないプラグインもあります。

プラグイン同士の相性が悪ければ、WordPressは重くなります。

AプラグインとBプラグインで正反対の処理をしていたとしたらどうなると思いますか?

WordPressの処理は遅くなり、最悪バグってWordPressがクラッシュすることもあります。

そうなるとあなたの頭もクラッシュします。

焦っちゃいますよね。

WordPressの処理を遅くするプラグインで有名なのは「WordPress Popular Posts」「All in One Seo Pack」です。

もし、これらのプラグインを使っている場合は、使わなくてもいい方法を考えましょう。

人気記事を表示したい場合は、有料テーマ「SANGO」や「AFFINGER」を使うのがおすすめです。

SEOの設定もWordPressテーマの設定でできるので、これら2つのプラグインを使わなくてもよいです。

あなたはブログのオーナー=経営者です。

仕事をひとつしかしないバイトを2人雇うのと、オールマイティーに仕事をしてくれるバイトを1人雇うのとではどちらが経営者にとって楽かを考えればわかるはずです。

おすすめのプラグイン
  • Autoptimize
  • EWWW Image Optimizer
  • Flying Scripts

使用しているサーバーや他のプラグインの関係で、必ずしもこれがベストというわけではありません。

「Lazy Load」は場合によっては使わない方が高速表示できる場合があります。

(WordPressに画像遅延読み込み機能が実装されたのでLazy Loadはほぼ不要になりました

最終的には自分でプラグインをON・OFFしてみて、最速表示できているプラグインと設定を採用しましょう。

memo

使わないプラグインは削除しましょう。

使っていない状態でもWordPressに負荷をかけている場合があるので、未使用プラグインは削除が基本です。

おなじく未使用テーマも削除してしまいましょう。

ここに注意

使用するプラグインを減らしたい場合は、使用するレンタルサーバーとWordPressテーマを見直しましょう。

ここが悪いといくら他を改善してもスコアが上がりにくいです。

3:画像を圧縮・最適化・遅延読み込みして高速化する

画像の圧縮は先ほど紹介したプラグイン「EWWW Image Optimizer」でまとめて圧縮できます。

画像を自動で最適化してくれる

EWWW Image Optimizerを使うと、自動で画像を最適化してくれます。

過去の画像データも一括して最適化できます。

EWWW Image OptimizerでWebPを設定する方法

WepP画像の生成前
WepP画像の生成完了(緑になれば成功)
  • EWWW Image Optimizerは有料モードもありますが、無料モードの使用でOK
  • 画像の保存されているメタデータを削除

PSIチェックをするとよく「次世代フォーマットでの画像の配信」という項目が出るのに気がつくと思います。

次世代フォーマットのひとつに「WepP」があります。

設定方法はやや難易度が上がりますが、この記事で詳しく解説されていますので挑戦してみてください。

4:Flying Scriptsでスクリプトの読み込みを遅延させてGoogleAdSense広告を遅延読込、モバイル表示を高速化する

わーぷれ
わーぷれ

アドセンス広告を表示してこのハイスコアがでるので、普通にブログをやるならSANGOで十分ですね。

WordPressは、CSSやJavaScript、fontawesomeなどを読み込んでデザインを整えたりします。

通常はこれがヘッダーで読み込まれます。

ブラウザにスクリプトを先に読み込ませると「コンテンツはまだ?」ってことになります。

たった数秒の処理ですが、先にコンテンツをGoogleに読ませると内容が速く伝わるのでクロールしやすいわけです(仮説ですが)。

使用しているWordPressテーマや読み込んでいるJSによって設定が違うので、下記をコピペすればいいというわけではないので注意が必要です。

Timeout設定は4秒にしました。

遅延させるJSの例

HTML
adsbygoogle.js
analytics.js
gtag/js
twitter.com/widgets.js
instagram.com/embed.js

Google系やSNSのスクリプトを遅延させています。

残念ながらYouTubeの動画読み込みをしている記事はスコアが50ぐらいでした。

それでも無料で対策できるので満足感はあります。

有料プラグインのWP Rocketなどを使わなくてもスコア改善ができるので、プラグインを購入前によく検討しましょう。

どんな目的でそのJavaScriptを使用しているのか理解していないと逆にスコアが下がる恐れもあります。

スコアが改善しない場合は、原因となっているであろうスクリプトを設定型外してください。

Flying Scriptsの仕組みですが、ソースの中で設定した文言が出てくるとその部分を遅延させます。

例えばソースの中に「twitter.com/widgets.js」を見つけたらそれを遅延させます。

関連記事 AFFINGERを高速化 表示速度改善|PSIスコア100点に近づける方法

Googleアドセンス広告を遅延させる

Googleアドセンス広告の遅延方法はこちらの記事が参考になりました。

5:WordPressテーマを軽いものを使う

WordPressテーマによって表示速度が全然違います。

WordPressテーマの機能が増えるほど処理も重くなる傾向にあります。

ですから、多機能だからといって使っていると、結果的に「SEOによくなかった」「表示速度を改善するのに限界がある」というテーマもあります。

機能が厳選されていて、表示速度も速いWordPressテーマは「SWELL」か「SANGO」か「AFFINGER」です。

》SANGOの価格・特徴|レンタルサーバーConoHa WING

》AFFINGER(特典付き)

SWELLテーマ 比較SWELL・SANGO・AFFINGERの比較レビュー |買うならこれ

有料テーマ『SWELL』は、スクリプトを遅延してくれる『Flying Scripts』と同等の機能を実装したWordPressテーマです。

SWELLのスクリプト遅延機能をテストしてみたので参考にしてください。

関連記事 SWELLの表示速度の高速化設定 有料テーマでは最も速い?

6:レンタルサーバーに処理速度が速いものを使う

レンタルサーバー側でキャッシュ機能を装備しているものもあります。

そういうレンタルサーバーを使うと、サーバー側で処理してくれるため、WordPress側の処理の負担が軽減します。

ConoHa WINGサーバーは、一般人でも使える価格でキャッシュ機能を標準装備しています。

memo

キャッシュとは、あらかじめサーバーに生成された記事データをアクセスしてきた人に見せる機能

通常はデータベースにデータを取りに行って、WordPressの仕組みで組み立てて記事を表示します。

キャッシュ機能を使えば、あらかじめ作っておいたデータを見せるだけなので表示が速くなります。

出来立てのハンバーガーを食べたければちょっと待たないといけないけど、作り置きのハンバーガーならすぐに食べることができるっていうのに似ています。

どちらもメリットとデメリットがあります。

レンタルサーバーがキャッスに対応していない場合は「WP Fastest Cache」というプラグインを使う方法もあります。

ですが、サーバー側にキャッシュ機能がある方が高速表示させることができます。

\WordPressの運営におすすめの高速・簡単レンタルサーバー/

 人気ワードプレステーマSANGO・JIN割引で購入可能

》 レンタルサーバーConoHa(詳細をみる)

コノハウィングで始めるWordPressConoHa WING コノハウィングの評判レビュー

まとめ WordPressを高速化|速度計測を100点に近づける6つの対策

  1. SNSは基本埋め込みしない
  2. 画像は最適化しておく
  3. ソースを快適に読み込ませる
  4. キャッシュ機能を利用して高速表示
  5. 軽いWordPressテーマを使う
  6. キャッシュ機能のあるレンタルサーバーを使う

WordPressの表示速度を最適化するにはこの6つを改善しましょう。

WordPressを運用していると、知らないうちに表示速度が落ちていたりする場合があるので、ときどきチェックしましょう。

私の場合は、記事を書いたらすぐに公開する記事の表示速度をチェックしています。

ほかにもWordPressブログについてわからないことがあれば、次の記事も参考にしてください。

  1. 趣味ブログと収益ブログの違い、稼がないなら日記ブログもおすすめ
  2. ブログ作成はどこがいい?無料ブログサービスおすすめ
  3. 雑記ブログと特化ブログのどっちでも収益化可能なので説明する
  4. WordPressが使える無料レンタルサーバーのデメリットと利用方法

WordPressブログの始め方

  1. WordPressとは?費用や料金・無料で使う方法
  2. 永年無料ドメインが2つ取得できるレンタルサーバー
  3. レンタルサーバー比較 おすすめ5選〜選び方8つのポイント
  4. エックスサーバーとConoHa WINGの比較|両方使ってわかった違い
  5. 【10分で完了】ConoHaWINGでワードプレスブログを始める手順
  6. 【悩まない】SEOに適切なWordPressのカテゴリ設定方法
  7. ブログの配色は心理学で考えると悩まない|カラーコード付き
  8. WordPressを高速化|速度計測を100点に近づける6つの対策
  9. WordPressプラグイン無料で使えるおすすめ8つ

WordPressテーマ

  1. WordPressテーマ無料3選+有料3選【シンプルなデザイン】
  2. Cocoonの評判|ワードプレス初心者におすすめの無料テーマCocoon
  3. 有料テーマSWELLと無料テーマCocoonの違いを比較
  4. WordPressテーマが1万円以内で買える安いおすすめテーマ
  5. AFFINGER6評価レビュー|使った感想やAFFINGER5との違い
  6. SANGO・SWELL・AFFINGERの比較レビュー |買うならこれ

SANGOテーマの使い方

  1. WordPressブログの人気テーマ SANGOの評判レビュー|ブログ初心者におすすめ
  2. SANGO Gutenbergの使い方・ブロックエディタ機能のサンプル
  3. SANGOテーマのおすすめの使い方|ブログジャンルの選び方
  4. SANGOテーマの非公式カスタマイズガイド・使い方まとめ
  5. SANGOコンテンツブロックの使い方|カテゴリごとに表示を切り替える
  6. SANGOのボックスメニューの使い方|記事後のナビゲーションを充実させまくる
  7. WordPressテーマSANGOでサルワカ風トップページを作る

WordPressテーマ SWELLの使い方

ConoHa WINGの始め方

  1. コノハウィングの評判 7つのメリットと使い方|ConoHaWING
  2. ConoHaサーバーの料金 WINGパックと通常プランの違い
  3. ConoHa WINGの割引やキャンペーンまとめ
  4. ConoHa WING(コノハウイング)の障害は多い?よくあるエラーや障害
  5. ConoHa WING コノハウイングパックを確実に解約できる手順を解説

》 レンタルサーバーConoHa(詳細をみる)

\WordPressの運営におすすめの高速・簡単レンタルサーバー/

 人気ワードプレステーマSANGO・JIN割引で購入可能

2 COMMENTS

現在コメントは受け付けておりません。