【手順は2つ】WordPressサイトを高速化する方法【結論:画像サイズを小さくする】

サイトの高速化を計る人達

WordPressサイトの高速化をすることで、ユーザビリティが上がり、SEOに好影響を及ぼします。

今回は、そんなwordpressの高速化方法を2つの手順で解説します。

記事の信頼性として、下記の画像です。

 PageSpeed Insightsの画面

表示速度が95なので超絶速いほうかと。

なので、信頼性は担保されていると思います。

なお、ページ速度の確認方法はPageSpeed lnightsで行えます。
※Google公式のサービスです。

それでは早速いきましょう!

スポンサーリンク

WordPressサイトを高速化する方法

結論として、手順は2つあります。

  1. 画像サイズを小さくする
  2. キャッシュの有効化

一つずつ解説していきます。

画像サイズを小さくする

これが一番重要で、WordPressサイトの読み込みを遅くしている原因は、だいたい画像です。
なので、まずはこれを一番に対処していきます。

やることは簡単ですので、ご安心ください。

Smushの導入

まずは、こちらのSmushというプラグインを入れてください。

有効化をして下記の画像ではないのですが、ボタンがあるのでそれを押せばOKです。

smush設定画面

これでWordPress内にある全ての画像サイズが圧縮され、高速化します。

jpeg miniで画像を圧縮

更に画像サイズを小さくするために、peg miniというアプリを使います。

軽く説明しますと、jpegという画像を圧縮してくれて、めちゃくちゃ軽くしてくれます。

使い方の詳細などは、こちらの記事【簡単】画像軽量化アプリ「JPEGmini」の使い方に書いてあるので読んでみてください。

[sc_blogcard url=”https://yuuuugablog.com/blog/use-jpegmini”]

無料で使えて、高速化にもつながるので是非使いましょう!

キャッシュの有効化

続いてキャッシュの有効化です。

簡単にキャッシュというものを説明しますと、一回訪問したサイトのデータを記憶するみたいな感じです。

つまり、データを記憶することで、すぐにサイトを表示してくれるということです。
※詳しく知りたい方は、調べてみてください。

では、実際にキャッシュの有効化をしていきます。

WordPressファイルの、.htaccessの先頭部分に以下のコードを書きます。

# キャッシュを有効にする
Header set Cache-Control "max-age=2628000, public"

# キャッシュ設定

ExpiresActive On
ExpiresByType image/jpg "access 1 year"
ExpiresByType image/jpeg "access 1 year"
ExpiresByType image/gif "access 1 year"
ExpiresByType image/png "access 1 year"
ExpiresByType text/css "access 1 month"
ExpiresByType text/html "access 1 month"
ExpiresByType application/pdf "access 1 month"
ExpiresByType text/x-javascript "access 1 month"
ExpiresByType application/x-shockwave-flash "access 1 month"
ExpiresByType image/x-icon "access 1 year"
ExpiresDefault "access 1 month"


# ファイル圧縮設定

AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

参考プラグインなしでWordPressサイトを高速化する方法【JS・CSS・キャッシュ設定】

これで、WordPressサイトの速度が上がるはずです!
今回は以上です。

最後まで読んでくださり、ありがとうございました。