WordPressTCDテーマが重い原因。高速化してPageSpeed Insightsで99点取ったよ

TCDのテーマはデザインがとてもおしゃれですが、何しろサイトスピードが遅くて重いです。このブログでは、TCDの「Bloom」を使用していますが、何も対策していない状態ではサイトの読み込みスピードがクソ重い状態でした。

色々苦心した結果、軽量化に成功しました!

PageSpeed Insights
モバイル 88点
パソコン 99点
testmysite
4秒

今までサイトスピードやページの読み込みが遅すぎてTCDのテーマをあきらめていた人は、この記事で書かれている対策を全て試してみてからでも遅くはありません!

Worspress:TCDのテーマが重くなってしまう原因

・サーバーのスペック
・画像や動画が重い
・テーマのせい

TCDに限らず、サイトが重いな~と感じたら疑うべき点は「サーバーのスペック」「画像(動画)」「テーマ」の3つです。TCDはデザインが素晴らしい代わりにサイトスピードが犠牲になっているんだろう…しかたがない…と以前は思っていました。

それはさておき、サイトの読み込みが遅くなる原因を1つずつ見ていきましょう。

テーマが重い場合の解決方法:サーバーのスペック編

この記事を読んでいるほとんどの人は、共有サーバーを使用していると思います。共有サーバーは、他のブログやサイトと同じサーバーを共有して使っている状態です。つまり、自分のサイトに問題が無くても、他のブログやサイトにアクセスが集中したりなんだりすると、サーバーに負荷がかかってしまいます

その場合、自分のサイトに問題がなくても、外部的な要因で自分のサイトスピードに悪影響が出てしまう可能性があります。もし、あなたが「さくらサーバー」「ロリポップ」など低スペックサーバーを使用しているのであれば、この際「エックスサーバー」辺りにお引越しを検討した方がいいかもしれません。

このブログはエックスサーバーを使用していますが、老舗のレンタルサーバーなので安心感もありますし、ちょっと別件でトラブった時、こちらの質問に真摯に回答してくれました。それにサーバーを起因とするトラブルも少ない印象があります。個人的には、最近出てきた国内最速サーバー「ConoHa WING」も気になりますが、実績がない以上リスクがあるので見送っています。

テーマが重い場合の解決方法:画像と動画編

画像のサイズが重いとサイトも重くなってしまいますので、今すぐ見直して圧縮する必要があります。

「メディア」⇒「ライブラリ」⇒ 画像クリック ⇒「ファイルサイズ」でファイルサイズを確認してみて、わけわからん位に大きいサイズになっていたら圧縮しましょう。※私は画像を70KB以下に統一させています。

画像圧縮の方法ですが、画像圧縮プラグイン「EWWW Image Optimizer」などでも簡単に出来ます。しかし、TinyPNGなどのサイトで画像1つ1つ圧縮した方がサイトスピードは段違いに早くなりますので、気が向いたときにせっせと圧縮していきましょう。まじで違いますから。

そして、見落としがちなのが「動画」。動画を貼っているとサイト(というか動画を貼っているページ)は、ビックリするくらい遅くなります。なので、動画を貼りたいときは、テキストで「▶ XXXの動画へのリンクはこちら」とかそんな感じで誘導するといいかも。ま、この辺はサイトスピードを取るか動画へのアクセスの利便性を天秤にかけてベストな方を選んで下さいね。

テーマが重い場合の解決方法:TCDテーマ編

画像を極限まで圧縮すると、サイトスピードはかなり上がったかと思います。キャプチャしてませんが、画像圧縮が終わった時点では、PageSpeed Insightsは60点前後でtestmysiteは8秒でした。

正直これ以上なにも出来る事はない…。と、思っていました。しかし、とある事をしたら、目が点になるほど早くなりましたよ。

最近のTCDテーマを使用しているのであれば、サイト表示するときにロード表示のクルクルと回るアレがウザいと感じていました。さっさと私のブログを表示させてよと超イライラ。「そういえば、このロード表示って非表示にできるんだったよな」とある日ひらめいてチェックを外しました。

「TCDテーマオプション」⇒「基本設定」⇒「ロード画面設定」⇒「ロード画面を表示する」のチェックを外す

すると…あら不思議!ブログを表示するときのロード画面がなくなって、あっという間にブログが表示されるではありませんか!まさに爆速!TCDなのに爆速になったよ!バンザーイ!まじか、私天才じゃね?と自画自賛です。

上記を修正した結果

PageSpeed Insights
モバイル 88点
パソコン 99点
testmysite
4秒

どう見ても早いです。本当にありがとうございました。

TCDテーマをあきらめないで!TCDもサイトスピード早くなるから!

というわけで、TCDテーマをあきらめる必要はなくなりました。私は他のサイトでも比較的新しいTCDテーマを使用しているので、ロード表示のチェックを外してみました。すると、やはりサイトスピードが早くなったので、「おおおお!これは凄い発見」となりました。むしろロード表示っているの???

なので、TCDテーマを諦めずに使用しています。TCDテーマで作るブログやサイトは素人がサイト設計してもそれなりに見えるので、まじでおすすめです。この発見をしてからTCDは手放せません。

ちなみに、「BRIDGE(TCD049)」でも同じ現象が起きました。ロード時間にはチェックを入れないようにしましょう!


関連記事一覧