BLOG
プラグインを使わずWordPressを5分で高速化させる方法!
WordPressでWebサイトを制作している方は、非常に多いと思います。だって本当に痒いところに手が届くCDNなんですもん。でも、大きなデメリットは、Webサイトの速度が遅くなるということ。それによるサイトの離脱率もかなりのもんです。
WordPressで作ったサイトを手っ取り早く高速化させる方法は、キャッシュ系のプラグインを使えばいいのですが、リスクもあります。
クライアン様が自分でニュースなどを投稿する場合に、うまくアップできないなどの声を実際に聞いたこともあります。
プラグインによる不具合が生じるリスクを考えると導入も慎重になりますよね。
なので今回は、プラグインを使わずにWebサイトを高速化させる方法をご紹介します。
TinyPngで画像を圧縮
サイトで使用している画像は、すべてこのWebサービス「TinyPng」を利用して圧縮しておくといいと思います。PNG・JPEG画像をかなり圧縮してくれるので、サイト自体が大幅に軽くなります。
私も実際に使ってます。オススメの使用法は、サイトがとりあえず完成してから、一気に画像を圧縮する方法です。
圧縮を有効に!
Gzip圧縮という仕組みを使って、表示速度を上げることが可能です。詳しくは説明しませんが、なんせ早くなるということです。htaccessファイルに下記をコピーするだけです。
htaccessファイルは、WordPressをインストールしたディレクトリ直下に不可視ファイル「.htaccess」として存在します。「不可視ファイルを表示する」といったメニューを選択して、表示されるようにしてください。
また、そのままだとhtaccessファイルはデスクトップにコピーできないので、「htaccess.txt」などに名前を変えて、コピーしてください。
<IfModule mod_deflate.c>
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE font/opentype font/ttf font/eot font/otf
</IfModule>
ブラウザキャッシュを有効に!
ブラウザキャッシュとは、過去に取得したデータがデバイスに保存されているもので、キャッシュすることで、表示速度は大幅に改善します。下記をhtaccessファイルに追加してください。
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault "access plus 2 weeks"
ExpiresByType image/gif "access plus 1 weeks"
ExpiresByType image/png "access plus 1 weeks"
ExpiresByType image/jpg "access plus 1 weeks"
ExpiresByType image/jpeg "access plus 1 weeks"
ExpiresByType text/html "access plus 1 seconds"
ExpiresByType text/css "access plus 2 weeks"
ExpiresByType text/javascript "access plus 2 weeks"
ExpiresByType application/x-javascript "access plus 2 weeks"
</IfModule>
最後に
プラグインを使わずとも、これだけでサイト速度はけっこう改善されます。特にクライアント様が記事を投稿する場合など、不具合が生じないためにも、ぜひお試しいただければと思います。
超速いWebサイト目指して、共に歩んでいきましょう!
Webのお困りごとはございませんか?三重県名張市にあるWeb Studio ディーライズに何でもご相談ください。