サイトアクセス速度最適化

スマホで撮影した写真をそのままアップして作ったサイトです。表示速度が遅いのは気になっていました。

Grinpa ぐりんぱへクーポンを使ってレッツゴー、さらに食事は持ち込みで

PageSpeed Insightsを利用して点数を出してみます。

そのまんまだと点数は0点 poor評価です。最悪の状態って事で、これだとSEO的にもうまくない状態です。

pagespeed01.jpg

アップロード時に画像ファイルを自動的にリサイズするプラグイン

ちょっと怖いアイコンだけど、Imsanityはとても便利なプラグインです。アップが終わっている大きい画像を小さくしてくれるし、アップする時に誤って大きい画像をアップしちゃったときもその場でリサイズしてくれます。

元々300KB以上あった画像のプロパティです。

pagespeed02.jpg

一括で1000px幅に変換してみます。

 

あれ、エラー出ました。

200/200 >> エラー: /var/www/wp03/wp-content/uploads/2017/05/wp-1496209437488.jpg (エディターを選択できませんでした。)

あれ、うまくいかない。このエラーが出るのはphp-gd がインストールされていないせいです。恐らくレンタルサーバなどでは特にこのようなエラーが出る事はないと思いますが、もし同じエラーがでたら諦めるしかないかな。

Debianでは以下のように設定してインストールします。

これを行う事で、gdが有効になり、一括変換できます。

一括返還後の画像をダウンロードしてプロパティを表示すると

pagespeed04.jpg

画像サイズは180KBまで落ちました。約半分の大きさになっています。テストは50点になりました。

pagespeed03.jpg

 

Jetpack by WordPress.com

Jetpack by WordPress.com

[無料] 画像の高速 CDN
これが使いたいわけです。

インストールすると、エラーが出ました

 

携帯IPアドレスからしか、WordPressアプリからのアップロード許可していないのがいけないらしいのでいったんコメントアウトか、削除します。

order deny,allow
deny from all
allow from 192.168.12.0/24
allow from 192.168.11.0/24
allow from 1.66.96.0/21
allow from 1.66.104.0/23
allow from 1.72.0.0/21
allow from 1.72.8.0/23
allow from 1.72.10.0/24
allow from 1.75.0.0/21
allow from 1.75.8.0/22
allow from 1.75.12.0/23

WrodPressプラグインJetpackの接続エラー

連携できたら無料で開始
おすすめの機能を有効化したら
Photon(画像CDN機能)も有効になりました。

pagespeed05.jpg

うーん、JetPack入れたらちょっと遅くなったようです。点数は47点になりました。

WP Fastest Cache

キャッシュの設定をすると、.htaccessの値変更を求められるので変更します。ルールは参考テキストが表示されるのでそれを反映します。私の環境では、元々”xmlrpc.php”へのアクセス制限(ドコモからしか受け付けない)が入っているのでちょっと長めになっていますが、ルール参考テキストにもちゃんと反映されていたのでコピペするだけでOKです。

最大限キャッシュが効くように、このように設定してみました。

このプラグインの解説

http://www.wpfastestcache.com/

無料で利用できるのは、デスクトップキャッシュと書いてあるのでPCでのアクセスだけはキャッシュされるようです。モバイルキャッシュはできないのですね。

注意事項として、Preload Settingsを利用する場合、サーバリソースを消費するため、あまり短い回間隔で複数ページ(ページ数を多く)を作成する設定にはしない方が良いです。さらに、キャッシュが削除されたら動作する設定になっています。新しい投稿や、更新が入った都度キャッシュファイルを削除する設定だと、短い時間に頻繁に投稿が入るサイトでサーバサイドの負荷を減らしたい場合、この設定は逆効果になってしまう可能性があります。

設定詳細はこちらのサイトを参考にいたしました。

【プラグイン】 キャッシュ制御 WP Fastest Cacheの設定と使い方

めでたく点数は、61点まで上がりました。

これで検索順位上がってくれればいいんですけど。どうでしょう。