【特集】WordPress高速化への挑戦!

PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!

目を閉じるたびに思い出す

GoogleのPageSpeed InsightsでWordPressのスコアを90点以上に改善した

5つの方法を順番に説明していきます。

1つ1つが、とても簡単にできることばかりです。

パフォーマンスが改善しないと悩んでいるなら、どれか1つでもやってみてください。

その効果を実感することでしょう。

PageSpeed Insightsとは?

PageSpeed Insightsとは、Googleが提供するツールで

サイトのパフォーマンスを測定するためのものです。

このスコアが高いほど、パフォーマンスが良いということになります。

 

PageSpeed Insightsのスコアを上げるための方法をこれから紹介しますが、

スコアを上げることが目的ではありません。

ここは注意しておいてください。

 

スコアを上げることではなく、

パフォーマンスを上げてユーザビリティを高めたいというのが

目的なのです。

 

サイトを訪問したユーザーに対して

待ち時間なくすぐにサイトを表示してあげれば、ユーザは見てくれます。

逆に、いつまでも待たされるようなサイトは、さっさと閉じてしまいますよね。

このことは、あなた自身の行動からも納得できることではないでしょうか。

 

つまり、

サイトのパフォーマンスを上げることがユーザ満足度にもつながるわけです。

そして、Googleはユーザ満足度を非常に大切にしています。

 

だから、PageSpeed Insightsのスコアを上げることが

パフォーマンス向上、ユーザ満足度の向上へとつながり、

最終的にGoogleからも高評価を得られるというわけです。

 

PageSpeed Insightsは、スコアを上げるために使うのではなく、

あくまでユーザの満足度を上げるために使うのだと理解しておいてください。

実際にやった5つの改善

では、スコアを上げるために実施した5つの改善を具体的に見ていきましょう。

簡単にできる順番に紹介していきます。

画像を圧縮する

WordPressのサイトでは、JPEG、PNG、GIFなどたくさんの画像を使いますよね。

ユーザがサイトを開いたとき、

サーバーからユーザが閲覧しているブラウザに対してこれらの画像データを転送します。

このとき、画像データはサイズが大きければ大きいほど時間がかかります。

 

この時間がユーザにとっては「待ち時間」となり、

時間がかかり過ぎるとイライラして、待ちきれずにページを閉じることになるのです。

 

だから、画像サイズを小さくして(圧縮して)

画像の転送にかかる時間をできるだけ短くしようというわけです。

 

WordPressであれば既にサーバーにある画像もまとめて全部

いっぺんに圧縮してくれるプラグインがあるので、これを使いましょう。

詳しい使い方と改善効果はこちらの記事を参考にしてください。

HTML、CSS、JavaScriptを最適化する

次に、サイトを作り上げているHTML、CSS、JavaScriptのコードを最適化する方法です。

WordPressは、プログラムコードによって動的にサイトが生成される仕組みです。

このプログラムが冗長だったり、サイズが大きすぎると

サイトを表示させるまでに時間がかかるのです。

 

ですので、これらのコードに対しては「圧縮」と「最適化」を施します。

プログラムをキレイにして(最適化して)、必要最小限のサイズにする(圧縮する)ことで

転送時間を最小化するのです。

 

一見、とても難しそうですが、WordPressならプラグインが用意されていますので、

インストールして設定して実行するだけでOK!!

とても簡単です。

 

詳しい使い方は、こちらの記事にまとめました。

 

参照しながら作業すれば、迷うことなくできますよ!

プラグインを整理する

これはWordPress特有のことですが、不要なプラグインを削除しましょう。

プラグインも読み込みに時間がかかりますので、

使っていないプラグインが残っていることは、まったくのムダです。

 

下記のチェックポイントを参考にしながら、不要なプラグインは完全に削除しましょう。

  • 「停止」状態になっていて、使っていないプラグインはないか?
  • 似たような機能のプラグインが複数存在する場合、1つにできないか?
  • 過去に使っていたが、別のプラグインに置き換えたものは残っていないか?
【広告】

ブラウザのキャッシュを活用する

”ブラウザのキャッシュを活用する”って言われると、

なんだかとても難しいことをしないといけないような気がします。

 

でも、それは気のせいです。(笑)

 

作業は簡単。

.htaccessファイルにおまじないとなるコードを追加するだけでOKなんですから。

やり方と理屈の説明は、こちらのページを参照してください。

小難しい理屈は、知りたい人だけ読んでもらえればよいですよ!

gzipやdeflateを使用してリソースを圧縮する

 

最後は、これもPageSpeed Insightsに指摘されると

何のこっちゃ??と思ってしまう、小難しい話です。

でも、先ほどのブラウザを活用するとやることは同じなんです。

 

.htaccessファイルにコードを追加するだけで終わりです。

こちらもやり方と理屈を詳しく説明したページを用意しましたので、

これを読みながら作業してみてください。

おまけ

もし、あなたがエックスサーバーを使っているのであれば、

あなたはとてもラッキーです。

なぜならエックスサーバーは高速化にとても力を入れていて

簡単な設定をするだけでWordPressのサイトがめっちゃ速くなる効果があるからです。

 

私が運営するエックスサーバーを特集したサイトで

エックスサーバーの速度についてまとめた記事がありますので

よろしければ、ぜひ参考にしてください。

お名前.comレンタルサーバーとエックスサーバー動作速度の実測比較

まとめ

冒頭にも書きましたが、

PageSpeed Insightsのスコアを上げることが目的ではありません。

ユーザビリティを高めることが目的であり、

そのためには指摘されたことを改善することが必要であるということです。

 

このことはとても重要な考え方です。

 

なぜなら、

ユーザビリティが充分な水準であるならば、

必ずしもスコアが100点である必要がないからです。

 

スコアに一喜一憂してはいけないのです。

 

PageSpeedのスコアを上げることは、

あなたのサイトのユーザ満足度を上げるための

数ある手段のうちの1つであるということを忘れないでくださいね!

【広告】

関連記事

  1. 休日を読書で過ごす女性

    ブラウザのキャッシュを活用する-たったの5分で改善する方法!!

  2. ランタンを見つめる文学美女

    WordPress最適化をした結果PageSpeed Insightsスコアはどう変化したのか!?

  3. SNSで流れてきた商品をポチろうか悩んでいる女子

    ブログの表示速度を遅くしないための広告の貼り方とは!?

  4. イケメンにフィッシュオン!

    WordPress高速化のための最適なJPEG/PNG/GIF使い分けはこれだ!!

  5. ごめん、待たせちゃった・・・

    deflateを使用してリソースを圧縮する方法!WordPressが劇的に高速化!!

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

WordPressテーマ「SKIN(TCD046)」

人気記事

  1. 目を閉じるたびに思い出す
  2. はい、正解は私でした
  3. 休日を読書で過ごす女性
  4. ごめん、待たせちゃった・・・
  5. 指をさすビジネスウーマン
  6. 「いいね!」するビジネスウーマン
  7. イケメンにフィッシュオン!
  8. 「問い合わせ先はコチラ!」と告知する地方局のアナウンサー
  9. スマホで健康管理を行う意識の高い女性
  10. SNSで流れてきた商品をポチろうか悩んでいる女子

広告




おすすめ記事

  1. ランタンを見つめる文学美女 WordPress最適化をした結果PageSpeed Insightsスコアはど…
  2. SNSで流れてきた商品をポチろうか悩んでいる女子 ブログの表示速度を遅くしないための広告の貼り方とは!?
  3. すべてを許したくなるエンジェル笑顔 WordPressで投稿済みの記事を一括置換できるSearch Regexの使い…
  4. 目を閉じるたびに思い出す PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!…
  5. 「OK、そういうこと!」と締めくくるキラキラ女子 賢威7を使ってココが良かったと思う3つのこと(投稿画面編)
  6. メモを取る女性 お名前.comからエックスサーバーへのドメイン移管手続き備忘録
  7. はい、正解は私でした 賢威7サイトタイトルとトップページタイトルの違いを易しく説明します!!

特集記事

  1. 目を閉じるたびに思い出す PageSpeed Insightsの点数を90点以上にした5つの改善を紹介!!…
  2. ごめん、待たせちゃった・・・ deflateを使用してリソースを圧縮する方法!WordPressが劇的に高速化…
  3. 休日を読書で過ごす女性 ブラウザのキャッシュを活用する-たったの5分で改善する方法!!
  4. イケメンにフィッシュオン! WordPress高速化のための最適なJPEG/PNG/GIF使い分けはこれだ!…
  5. 「いいね!」するビジネスウーマン WordPress高速化!全画像を一括圧縮するEWWW Image Optimi…
  6. SNSで流れてきた商品をポチろうか悩んでいる女子 ブログの表示速度を遅くしないための広告の貼り方とは!?
  7. 指をさすビジネスウーマン HTML・JavaScript・CSSを縮小するAutoptimizeの使い方と…
PAGE TOP