ブログ・WordPress

ブログが重い!サーバー移転を考える前にやるべきこと

今井浜の浜辺

こんにちは!よっしーです。

回線の影響なのか、そもそものサーバーが重いのか、不明な部分がありますが、ブログ・HPが重い・遅いと感じることがあります。

ブログ・HPともに「さくらインターネット」のサーバーを利用しています。

さくらインターネットからXサーバーへ移転を考えていましたが、その前にやるべきことはないか調べてみました。

結果、いろいろ導入してみてかなり軽く・速くなりました。

[toc]

サイトのスピードを計測する

ブログ・HPを運営するようになって各種分析サービスを利用するようになりました。

自分でブログ・HPを運営するなら必ず確認するツールとして、

  1. Search Console
  2. googleアナリティクス

があります。

そのほか、

  1. SEOチェキ!
  2. PageSpeed Insights
  3. Test My Site

といったものを利用することがあります。

サイトの読み込みスピードを計測するものとして、googleが提供している「PageSpeed Insights」、「Test My Site」をよく確認します。

計測すると、ブログ・HPともに読み込みまでに、4秒程度かかっていました。

読み込み時間が長いと、ユーザーの離脱率が上がるとのことで、ちょっと気になっていました。

もちろん、読み込みスピードだけでなく、記事自体に魅力がないと読まれず離脱されると思いますが。。。(;^_^A

それでも、スピードが離脱率の一因になっているのであれば、改善すべきところですね。

[aside type=”boader”]使用環境

  • サーバー…さくらインターネット
  • WordPressテーマ…ブログ・HPともにストーク

[/aside]

重い・遅いの改善のために導入したもの

「PageSpeed Insights」、「Test My Site」でスピードテストすると、改善点を教えてくれます。

  • 画像を最適化
  • ブラウザのキャッシュを利用する
  • サーバーの応答時間を短縮する など

改善点を教えてくれるものの、素人が改善するには難しい部分もたくさんあります。

そもそも何を言っているのかわからないものもあります。笑

まず、簡単に改善できる部分は、画像の容量の圧縮(軽くすること)です。

画像を軽くする

ブログでは画像を多用するので、容量の大きな画像を使えば使うほど、ページの読み込みは遅くなります。

画像の解像度を下げれば容量は下がりますが、今の高解像度なスマホ、PCでは見れたものではありませんね。(;^_^A

そこで、見た目そのままで不要な部分を圧縮する方法が必要に。

いろいろ調べていくと、無料のサイトで画像を圧縮できるものを見つけました。

参照:TinyPNG

画像をドラッグドロップするだけで画像を圧縮してくれます。

試しに2.5MBある画像を圧縮してみましたが、圧縮後は229.1KBと約91%の圧縮です。

画像圧縮サイト

このサイトを知ってからは、そのまま画像をアップロードするのではなく、いったんこのサイトを経由して画像を圧縮してからアップロードするようにしています。

PHPのバージョンを確認する

さくらインターネットでブログ・HPを導入したころのPHPのバージョンは、「5.6」くらいでした。

最新のものは、「7.1」です。

これも調べていくうちに、バージョンが高いと読み込みスピードも上がるとあったのでバージョンアップしてみました。

PHPバージョン

PHPのバージョンは、さくらインターネットのサーバコントロールパネルから変更することができます。

[aside type=”warning”]注意

PHPのバージョンを上げる前に、必ずバックアップを取っておきましょう。

相性が悪かったり、ちょっと間違えるとWordPressが真っ白になってしまいます。

[/aside]

スクリーンショットを取り忘れましたが、PHPのバージョンを上げただけでも1秒程度読み込みスピードが上がりました。

プラグインを導入する

また、キャッシュを利用すると表示速度が改善するため、「WP Fastest Cache」というプラグインを導入しました。

キャッシュ系のプラグインは不具合も出るようですが、今のところ大きな不具合もなく利用できています。

参考にしたのは、下記サイト。

参照:WP Fastest Cacheの設定方法と使い方|日本語対応で使いやすいWordPressプラグイン

いろいろ導入した結果

いろいろ導入した結果、こうなりました。

SEOチェキ!

  • 導入前
表示速度改善前_HP
  • 導入後
表示速度改善後_HP

PageSpeed Insights

  • 導入前
スコア_モバイル スコア_パソコン
  • 導入後
スコア_改善後_モバイル スコア_改善後_パソコン

ページ読み込みスピードがかなり改善しました。

スマホでも試しに接続してみましたが、今までよりも速くなったのを感じます。

とりあえず、現状で様子見ですね。

まとめ

ブログ・HPを更新するたびにスピードは変化するので、ずっとこの状態を維持できるわけではないと思いますが、サーバー移転前にちょこちょこといじってみて、スピードの改善ができたのはよかったなと。

スピードだけで離脱率が決まるとは思ってはいませんが、一要因になっているのであれば改善しておいて損はないかと。

あとは、魅力ある記事が書けるかどうか、ですね。(;^ω^)

《編集後記》

金曜夜、高畑勲監督の追悼でやっていた「火垂るの墓」を観ました。

一度観ると数年は観なくていいやとなるので、久々にじっくりと観た感じです。

歳を重ねて改めて観ると、また違った感想をもつ作品ですね。

ABOUT ME
よっしー
30代税理士ブロガー。会計事務所業界15年。ブログでは、自分自身が楽しんだこと、役に立ったことなどを中心に書いています。記事が少しでも誰かのお役に立てればと思っています!