サイト表示速度を早くする

15分で出来る!WordPressサイト表示速度改善でコンバージョンを上げる方法

サイト表示速度改善でCV率アップ

今回はサイト速度改善(Wordpress)をしていきたいと思います。

 

もう速度最適化は飽きるほどやっていますが、この作業は、コンバージョンアップ効果絶大です!!

面倒くさがらずにやりましょう。

個別記事のコンバージョン率を上げるよりもサイト全体で表示速度を1秒減らすほうが対費用効果はいいはずです。

今回は、キャッシュ系の重複で逆に遅くなるなどの問題がないように最低限で相性のよいものを厳選しました。

 

改善結果

ビフォー

 

アフター

 

サーバー環境:wpXサーバー

サイト表示速度測定ツール

サイト表示速度を改善する前に、今のサイト表示速度を記憶しておきましょう。

GTmetrix
https://gtmetrix.com/

測定したいURLを入力するとサイト表示速度(秒単位)と、チェック項目をAランクからFランクまでの6段階評価でサイトを評価してくれます。

表示結果が出たらそのURLをコピーしておきます。コピーしたURLは評価結果そのもので、あとからでも見たり改善後の測定結果と比較することができます。

サイト表示速度改善 おすすめ7選

mod_pagespeed設定

(エックスサーバーの場合)デフォルトでは、OFFになっているのでONにします。

(htaccessファイルに ModPagespeed On が追加されます)

 

ブラウザキャッシュの設定

.htaccessの設定に以下を追加(レンタルサーバー管理画面から追加します)

 

上記は、キャッシュ期限の設定。サーバーによって設定が違うかもしれません。XserverwpXで確認済。

 

キャッシュ系プラグイン Autoptimize導入

高度な設定をONにして以下にチェック。レイアウトが崩れたらプラグインを削除してもう一度トライしましょう。

設定変更箇所

HTML コードを最適化

JavaScript コードの最適化

<head> 内へ JavaScript を強制(表示に不具合が出る場合はOFFに)

CSS コードを最適化

インラインの CSS を連結

連結されたスクリプト / CSS を静的ファイルとして保存

 

SNSボタン高速化プラグイン SNS Count Cache

SNSボタンキャッシュ化のプラグイン。特に設定は不要です。

SNSキャッシュ化

 

WordPressテーマ Simplicityを使用している場合は、以下も合わせて設定することで高速化できます。

カスタマイズーSNSーシェアボタンのタイプ(PC)ーテーマカラータイプ(高速)

SNSボタンを設置しなくてもいい場合は、潔く無くすのも手です。

 

gzip圧縮

サーバーへの転送量を減らす&表示速度を早めるzip圧縮。単純にファイル圧縮をするので、ファイルサイズが大幅に減ります。以下のコードを.htaccessに追加するだけです。

 

ちなみに、どれくらい違うかというと(別サイトでテストしてます)

左が、改善前

中央が、改善後(gzipなし)

右が、改善後(gzipあり)

※上記はいずれも次のCompress JPEGは実施していません。

 

ファイルサイズが全然違いますよね。

 

Compress JPEG & PNG images

画像圧縮サービス TinyPNG のプラグイン版。通称パンダ。

パンダ

これは毎回使うと画像アップに時間がかかるので画像が溜まってきたタイミングでたまに画像圧縮してあげるだけ。(2ヶ月に1度くらい)

使わないときは、プラグイン停止しておきましょう。

TinyPNGの使い方

 

EWWWも画像圧縮プラグインとして有名ですが、EWWWはLOSSLESS圧縮といって圧縮率の低い圧縮しか出来ません。

 

データベース最適化

Accessとかのデータベースを扱っていた人ならすごく納得してもらえる話題。

WordPressは、MYSQLというデータベースで動いています。で、このデータベースというのはMYSQLに限らずデータ量が溜まってくるとテーブル内の検索スピードが激重になってきます。

なので、定期的に1ヶ月に1度くらいは最適化というのをしてあげると速度を保ってくれます。

 

そこでおすすめなのが、

Optimize Database after Deleting Revisions

というプラグイン。

日本であまり紹介されていなくてWP-Optimizeが紹介されていますが、後者はテーブル形式InnoDBに対応していません

(ちょっと難しいけど、MYSQLには、InnoDBと MyISAM の2種類のデータ形式があります)

 

XserverやWPXで標準でインストールされたWordpressを使っている人たちがWP-Optimizeを使うと、データ形式がInnoDB形式だと思われるので「俺、最適化してるんだぜ!」というルンルン気分だけ味わう羽目になります。実際に気づきにくいです。

※よくブログで紹介されていますが、InnoDBに対応していないとは書いていないので。

 

Optimize Database after Deleting Revisions

はスケジュールも組めますし、データベース最適化以外にもリビジョン削除に対応しています。

 

オマケ

もしGTmetrixで下のようにYslow指標で googleのウェブフォントURLで指摘があったら Disable Google Fonts というプラグインを入れるとgoogleフォントを無効化してくれます。

 

サイト表示速度を早くすることよりもGTmetrixの点数を上げることにハマりすぎてもダメですけどね。

 

こちらの記事もおすすめ

【大公開】アフィリエイトに使用しているWordPressプラグインをすべて晒します。

コメント

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

  1. この記事へのトラックバックはありません。

教育を受けられない子どもたちに愛の手を。

child fund japan
最近の記事 おすすめ記事
  1. アフィリエイト防災
  2. アフィリエイトのキーワード選び
  3. アフィリエイト革命
PAGE TOP