好きなことしか書かない気ままブログ

VanBlog

Wordpress

Test My Siteで3秒!WordPress高速化に必要なたった3つのこと

投稿日:2018年8月3日 更新日:

こんにちは。vanです。

ワードプレスの高速化ってブロガーなら絶対悩まされることですよね。

  • サイトの表示速度が遅くて、頑張って書いた記事が読まれない
  • グーグル検索で順位が上がらない

今まで様々なプラグインを試しました。しかし、ほとんどの場合スピードアップに効果がありませんでした。

結局のところ、高速化に必要なことってそんな多くないという結論に至りました。

そこで、当サイトで使っている高速化の方法をまとめたので紹介します。

なんとたったの3つだけ!

testmysite3秒

ここまでいきましょう!

 

当サイトで利用しているテーマ「AFFINGER5」での測定結果です。

無料テーマのSTINGER8で作成している別のサイトでも全く同じスコアを出しています。

 

サイトが遅くなる要因

  • サーバーが遅い
  • キャッシュを利用していない
  • CSSやJavaを圧縮していない
  • プラグインが沢山入っている
  • Googleフォントを使っている
  • 画像が重い(最適化してない)

などなどサイトが遅くなる原因は沢山あります。

Page Speed InsightsTest My Siteでスピード計測すれば、どこが改善できるのかグーグル先生が教えてくれます。

単純にこれらを直すと爆速になるわけです。

 

高速化のための3つの方法

1. サーバーを変える

マジでコレです。Xserverがオススメ

私もそうでしたが、ブログ初心者は「続くか分からないから、最初は安いので始めよう」となりがちです。

以前使っていた月100円のサーバーはとにかく不安定で、ゴールデンタイムになると全然繋がらなくなるなんてことが多発。

自分で記事もかけないし、当然閲覧もできないなんてヤバイ状況がよく発生しました。

当然、Googleのスピードテストでもロースコアを叩き出しました。

もはやサイトの表示速度以前の問題も多くあり、全部改善するならサーバーを変えるしかないと分かりました。

サーバーに関しては完全に外部頼みなので、自分ではどうしようもないんですね。

 

さすがにちゃんとしたところを使おうと思い立ち、様々あるサーバーサービスの中でも超圧倒的高評価を叩き出すXserverを選びました。

変更して一片の悔いなしです。

お値段は安いところと比べるとグッと上がりますが、快適度の上がり幅は比じゃないです。

私も利用しているX10なら1ヶ月あたり約1000円。プランによってちょっと変わります。

ブログが収益化できるようになったら、経費としても計上できます。

不安定なサーバーに時間をとられてイライラしたり、機会損失することを考えたらぜったい爆安です。

 

Page Speed Insightsでサーバーが遅いと怒られることは皆無になり、サイトが表示されないなんてことも全くなくなりました。

本当に変更してよかった。

Xserverにしてスピードをあげましょう!

xserverbanner

 

2. キャッシュプラグインを導入

キャッシュプラグインはサイトを爆速にしてくれます。

有名どころは

  • W3 Total Cache
  • WP Fastest Cache
  • WP Super Cache

などですね。

私は過去W3 Total Cacheを利用していましたが、今はWP Fastest Cacheです。

その理由は過去記事に書いてあります。

W3TCをやめてWP Fastest Cacheに移行した理由とその設定方法

ずっとW3TCを盲目的に使っていたのですが、不具合が多すぎるためついにアンインストールを決意しました。しばらく更新もされ ...

続きを見る

 

WPfastestCacheバナー

このWP Fastest Cache、無料バージョンでも十分に効果を発揮してくれます。

しかしオススメしたいのは有料のプレミアムバージョン。

当サイトではプラグインを20個くらい入れていますが、画像圧縮をのぞいたスピードアップのためのプラグインはこれしか入れていません

それくらい強力です。

お値段は$39.99なので大体4000円強ですが、一回買い切りなので初期投資だと思ってしまいましょう。

利用しているテーマやプラグインによっては再現しないかもしれません

 

なぜプレミアムにするのが良いか

それはモバイルのキャッシュを作成できることにあります。

無料バージョンだとデスクトップ用のキャッシュしか作成できないので、モバイルでは効きがイマイチ。

Test My Siteというグーグルのモバイルスピード表示テストで高スコアを出すためには必須です。

今はモバイルでの表示が重要視されているので、サイトの評価を高めるためにも速くしたいところですよね。

パッとサイトスピードが速くなれば、その心配をしないで記事作成に集中できます。

 

そして、Googleフォントを非同期読み込みできるのも大きいです。

当サイトではグーグルフォントの読み込みでかなりサイトの表示が遅れていました。

  • モバイルのキャッシュ作成で2秒短縮
  • CSSとJavaの強力圧縮・結合+グーグルフォント非同期で2秒短縮

となりました。

強力圧縮と結合に関しては、レイアウトが崩れたり他のプラグインが上手く動作しなかったりということも考えられますので、自分でトライ&エラーすることをお勧めします。

レイアウトが崩れたらJavaの圧縮をオフにしてみる・・といった問題の切り分けですね。

当サイトは全てオンで問題なく動作中。だと思う。

 

3. 画像の圧縮

画像の圧縮にはプラグインを導入しましょう。

無料のEWWW Image Optimizerがおすすめ。

Smushやら何やら、色んな画像圧縮プラグインを使いまくりましたが、無料で使うなら枚数制限のないEWWW一択です。

 

EWWWプラグイン

「プラグイン」→「新規追加」→EWWWをインストール。

 

一括最適化

「メディア」→「一括最適化」で画像圧縮を行うだけの簡単作業。

プラグインインストール以降は、画像をアップロードすると勝手に最適化かけてくれます。

 

画像圧縮でもお金払うぜ?という方は、より高度な圧縮機能を備えたプラグインが沢山ありますのでググってみてください!

 

これら3つを試した結果

正確には、サーバーの変更と画像の圧縮は初期の頃から行っていたので、WP Fastest Cacheのプレミアム導入による結果です。

 

Test My Siteの結果

testmysite7秒から5秒

これがモバイルキャッシュ作成前と作成後。

 

testmysite5秒から3秒

そして、これがCSSとJavaの圧縮・結合とGoogleフォント非同期の結果。

3秒です。$39.99払うだけで、もうグーグルで検索して色々試して・・という作業がなくなるならかなりの価値ありました。

Stinger8での計測結果も同様です。

ここまでくればとりあえず他の小さな要因については現状無視しても問題なさそうです。

 

Page Speed Insightsの結果

pagespeedinsights85点

こんなところ。こう見るとモバイルもまだ改善の余地がありそうです。

アドセンスとか入れてると、どうしても最高速度は難しいんじゃないかと思います。

でもとりあえず心配ないレベルになったので、あとは記事かきます。

 

まとめ

当サイトで3秒を出すために行ったことは多くありません。

試行錯誤はずっとしていましたが。

高速化のために行ったこと

  • サーバーをXserverに変える
  • WP Fastest Cacheプレミアムを入れる
  • 画像の圧縮

これら3つで爆速になります。

ぜひお試しあれ。

 

サーバー高速化ならXserverで決まり!

新着記事

Papalyサムネイル

パソコン

2018/8/16

Chromeのブックマークを整理するおすすめの拡張機能「Papaly」

Chromeユーザーの皆さん。 ブックマークが使いづらい 探しにくい 目的のページまで時間がかかる そんな悩みを抱えていませんか? 「ブックマネージャのスピードダイヤル | Papaly」というChromeの拡張機能をインストールしてブックマークを整理しましょう。 めちゃくちゃ便利な上、無料です! これを使うだけでネットライフが捗ること間違いなしです。 ちなみにFirefoxバージョンもあります。 ブックマーク拡張機能は「Papaly」がおすすめ Chromeの拡張機能ストアに、「ブックマネージャのスピー ...

続きを読む

トマシン

映画・ドラマ

2018/8/15

映画「ウィッチ」を紐解く。残された謎について考えてみる

アマゾンプライムビデオで「ウィッチ」を見ました。 単純にホラーが見たくて再生しましたが、シンプルなホラーとは言い難い伏線や象徴の数々が面白かった。そこで、映画を見た段階でイマイチ分からなかったことなどを考えてみます。 しかし時代背景とか伏線とか複雑すぎて全然まとまりがないです・・難しい!   見た人向けなので、ネタバレ前提です。 まだ見てなくて、どんな映画かな〜と思っている人は今すぐ戻るボタンを押しましょう。マジで! 個人的な見解と、色んな海外の考察サイトを見たりして「おお〜」と思った部分をピッ ...

続きを読む

有吉の脱ぬるま湯大作戦

映画・ドラマ

2018/8/14

有吉弘行の脱ぬるま湯大作戦は面白い?見たので感想!

Amazon Primeって結構日本のオリジナル番組があるんですよね。 有名なのだと、松本人志のドキュメンタルとか。 地上波で出来ないヤバイ笑いが多くて控えめに言っても爆笑なんですけど、今度は「ぬるま湯」発言をした有吉が体を張るっていうので面白そうなので見てみました。 果たして、毒舌有吉はどこまでヤバイ笑いを提供してくれるのか! 感想は正直に書いてます! 若干ネタバレしてるので、ネタバレが1ミリも嫌な人は見ない方がいいです。ただし、この手のお笑い番組はネタバレしたからってつまらなく感じるようなものではない ...

続きを読む

freeSIM

ライフハック

2018/8/13

どっちを選ぶべき?格安SIMのNuroモバイルとIIJmioの料金を比較してみた

格安SIMにして2年弱。ソフトバンク時代よりも値段がグッと下がって、快適に生活しています。 最初に端末代はかかりますけどね、それさえ払い終えたら毎月の請求金額を見てホクホクです。   まず、3大キャリアから乗り換えようか迷っている皆さん。サクッと乗り換えましょう。 結局のところ、格安SIMも3大キャリアの電波を間借りしているので電波状況は変わりません。 格安SIMに乗り換えるべき理由 めちゃくちゃ安い データ料金も断然安い 料金プランが分かりやすい 電波状況はそこまで変わらない   私 ...

続きを読む

檸檬堂3種類

レビュー

2018/8/12

コカ・コーラ初のアルコール「檸檬堂」のレビュー。九州ならどこで買う?

コカ・コーラ初のアルコール飲料「檸檬堂」。 レモンサワー界に激震走るか?!全種類買ってきたので、飲んでみました。 どこで買えるか・どこが安いかも要チェック! 通販で買えるの?についても調べましたよ~。 檸檬堂とは? コカ・コーラが初めて出したアルコール飲料。 レモンサワーです。九州限定発売。 マツコの知らない部屋で紹介されていたこともあり、注目度高いですよね。 パッケージの見た目も洒落ています。   前割りレモン製法という製法を採用しています。 レモンを丸ごとすりおろし、お酒に漬け込んでおく・・ ...

続きを読む

PICKUP

1

こんにちは。台風に見舞われ、傘をバキバキに折ってビショビショのまま出勤を果たした私です。 台風の日に傘をさすのはやっぱり ...

2

ダークファンタジーが読みたい! 理不尽な展開、報われない想い、残虐な死に様、残酷な敵、裏切り・・そんな重くて悲しい物語の ...

3

大事なファイルはセキュリティ機能付きのUSBメモリに保存しておくのがオススメ。私は仮想通貨のパスワードを記載したエクセル ...

4

Youtubeで配信用や作業用に垂れ流せるオススメの音楽チャンネルを5つ紹介。どれも登録者数が多い人気チャンネルだ。 ち ...

5

私はiPhoneユーザーなのですが、2年前くらいから保護フィルムをガラスフィルムに変えました。 以降落としても液晶が割れ ...

Copyright© VanBlog , 2018 All Rights Reserved.