ワードプレスで作ったWEBサイトの速度改善にチャレンジ

コラム

wordpressを使って人事ブログを運営しています。

表示速度の改善はかんたんにできますか?

アドバイスさせていただきます。

この記事の内容
 ・ワードプレスで作ったサイトの表示速度が遅くなった気がしますが気のせい?
 ・表示速度の改善って知識がなくてもできるの?
 ・表示速度が遅いとどんなデメリットがあるの?
 ・表示速度を測るツールはあるの?

ワードプレスを使って、人事ブログを書いたり、自社求人サイト作っている会社もあります。

僕にはWEB系の知識はありません。

Google検索で得た知識だけで、表示速度の改善ができるかチャレンジしました。

チャレンジしようと思ったきっかけ

僕自身、ワードプレスを使ってブログを運営しています。

「Hiisuke Blog」は採用に関する内容の記事なので、仕事みたいなものです。

indeedや自社オウンドメディアの運用でも、多少のWEB知識があった方がプラスに働きます。
採用担当者だからWEBの知識は必要ないということはありません。

プログラミングを覚える必要はありませんが、SEO対策の知識や用語の基礎知識は大切です。

あった方がいい知識(例)
・求人原稿を見る人が興味を持って読んでくれるような文章力・コンテンツ
・求人サイト内で上位表示してもらえるようなSEO知識
・Google検索エンジンに関する知識
・indeedのサイト内部に関する知識
・「採用」✖「WEB業界」の専門用語の知識(「離脱率」「CV」「被リンク」など)

表示速度が大切な理由

母集団形成における課題に「応募離脱」があります。

応募離脱の原因
・複数の案件に応募している
・募集条件や仕事内容が本人希望のものと違っている
・スマホユーザーが見にくいサイトになっている(最適化していない)
・サイト表示速度があまりにも遅くて嫌になる

表示速度の遅さによる離脱はよくある話で、経験したことのある人も多いはず。

かんたんにできる改善が離脱を防げるのであればチャレンジすべきです。

表示速度の改善にチャレンジ

以前、運営していたブログでチャレンジしてみました。

【速度測定】PageSpeed Insights

Googleから提供されているPageSpeed Insightsを使って測定しました。

モバイル

モバイルの結果は34点でした。

パソコン

パソコンの結果(PageSpeed Insights)

パソコンの結果は91点でした。

パソコンとモバイルのスコア差が課題でもあります。

【速度測定】Think with Google

同じくGoogleから提供されているThink with Googleを使って測定しました。

モバイルサイト向けの速度測定のツールです。

結果は低速でした。

知識のない人には難しい

PageSpeed Insightsには改善すべき項目が表示されますが、未経験者には理解できません。

画像に関する項目が多いです。

プラグインの数が多いのかもしれませんが、僕にはそうした自覚はありません。

特に使用していないプラグインもありませんが、本数を見直すことにします。

【改善】画像データの軽量化

EWWW Image Optimizerというプラグインがメジャーなので使うことにしました。

過去画像も圧縮できるので一括最適化を選択しました。

矢印の所をクリックしました。

すべて完了しましたが、サイト速度は良くなりませんでした。

【改善】不必要なプラグインの削除

13本のプラグインを使っていますが、僕の感覚では多すぎるということはありません。

ふだん使っていないプラグインなんてありません。

仕方ないので、思い切って一部のプラグインを消しました。( )内が理由です。

  1. Simple Share Buttons Adder(記事がSNSでシェアされたことがない)
  2. Site Kit by Google(重たいプラグインだと言われている)
  3. Quick Adsense(広告ばかりに目が行ってしまうからいブログを目指したいから)

これで一旦速度計測してみました。

モバイルは改善されました(34→65)が、パソコンは悪くなってしまいました(91→81)。

【改善】ウィジェットの見直し

使っていないウィジェットはありませんが、プラグイン同様に一部消しました。

twitterはブログへ誘導する意図で作っていますので、ブログからtwitterへの動線は消しました。

これで速度計測してみました。

モバイルが34→65→71、パソコンが91→81→94となりました。

【まとめ】改善は成功したが課題はたくさん

モバイルもパソコンもスコアの改善ができました。

改善前改善後
モバイル3471
パソコン9194

とくに、プラグインとウィジェットの本数を見直すことで良い結果に結び付きました。

できるだけシンプルに、思い切って消してしまうくらいの考え方が必要になります。

課題はThink with Googleの結果が全く変わらなかったことです。

知識をもとに内部のソースコードを修正する必要があります。

まとめ
 ・ワードプレスの表示速度改善はユーザー離脱防止のために必要
 ・表示速度改善はGoogle検索で得た知識だけでもある程度できる
 ・表示速度100点を目指し過ぎもよくない、90点位をコンスタントに目指すと良い
 ・表示速度の改善に大きく役立ったのはプラグイン本数の削減とウィジェットの見直し
 ・モバイルの速度改善には詳しい知識が必要

本日は以上です。

プロフィール

ひーすけ採用主任

Twitter(@hiisuke_saiyo

Line@(@428dbqte)

ご意見やご質問はこちらまで

webmaster@hiisuke.com

スポンサー広告