Web制作(フリーランスWebデザイナー)

日にち2015/12/15
ディレクション

WordPressサイトが重くなった時はコレ!

この記事は書いてから 約 2年 経過しています。 1年以上経過しているので情報が古い可能性があります。

WordPressサイトが重くなった時はコレ!

メディア系サイトは画像を沢山使うためサイト読み込みが重くなる場合がよくあるかと思います。サイト読み込みが遅いとき、画像データのサイズ、HTMLとCSSのコード等色々確認するかと思います。今回は画像とコードを軽くする方法です。サイト読み込みが重くなったらとりあえずやってみる事をおすすめします。

画像アップロード時に圧縮させよう

画像はWordPress管理画面からプラグインをいれてしまいましょう。これから紹介するプラグインは全てのサイトに入れても良いかと思います。

画像圧縮:EWWW Image Optimizer

画像リサイズ:Imsanity

.htaccessを使ってサイトを軽くする

.htaccessを使ってキャッシュ読み込みを早くさせたいのでキャッシュの設定をします。

ExpiresActive On
ExpiresByType text/css "access plus 1 days"
ExpiresByType image/gif "access plus 10 days"
ExpiresByType image/jpg "access plus 10 days"
ExpiresByType image/jpeg "access plus 10 days"
ExpiresByType image/png "access plus 10 days"
ExpiresByType application/x-javascript "access plus 10 days"

「access plus 1 days」は1日キャッシュを有効化させます。

他にも、下の様に変更できます。

  • access plus 1 hours:1時間
  • access plus 1 days:1日
  • access plus 1 months:1ヶ月
  • access plus 1 years:1年

 

HTMLやCSSも圧縮させよう

 # htmlやcssなどは圧縮
 AddOutputFilterByType DEFLATE text/plain
 AddOutputFilterByType DEFLATE text/html
 AddOutputFilterByType DEFLATE text/xml
 AddOutputFilterByType DEFLATE text/css
 AddOutputFilterByType DEFLATE application/xhtml+xml
 AddOutputFilterByType DEFLATE application/xml
 AddOutputFilterByType DEFLATE application/rss+xml
 AddOutputFilterByType DEFLATE application/atom_xml
 AddOutputFilterByType DEFLATE application/x-javascript
 AddOutputFilterByType DEFLATE application/x-httpd-php

上記、設定をするだけで半分くらいの読み込み速度が変わりました。
サイトが重くて悩んでる方は是非オススメします。

ページ速度を計ってみよう

参考:

https://developers.google.com/speed/pagespeed/insights/

http://tools.pingdom.com/fpt/

facebook twitter

© 2013-2017 visual hallucination.