技術情報：ページ表示速度の改善

はじめに

WordPressのテーマ ZOOMY ではページ遷移時に表示されるロード画面に読込中を示すアニメーションアイコンが表示することができます。設定できる表示時間は３秒から10秒まで。この設定をしておかないとサイトが読み込み中にパソコン・スマホ画面に表示されるので崩れたレイアウトのまま画面表示してしまう恐れがあります。

当山コムサイトでは最短の３秒で設定していました。

たかが３秒、されど３秒。画面表示されるのが遅い、、遅すぎ。アニメーションアイコンがクルクル回りっぱなし。。

ということで、アニメーションアイコンは廃止し、レイアウトが崩れないようコンテンツを変更してみました。その結果が下記です。

ウェブの表示速度計測ツール

Page Speed Insights を利用します

Web表示パソコン編

先代山コムの表示速度 61点

当山コムサイト 99点

Web表示スマホ編

先代山コムの表示速度 59点

当山コムサイト 94点

備考

先代山コムでは約１年３ヶ月の間に蓄えられた大量の記事が管理されています。今回の表示速度はこのコンテンツ（記事）の量にも影響しています。

現時点（2022/09/12)では当サイトは10個ほどの募集記事しかありませんので、画面表示が早くなります。先代山コムと同じくらいのサイト規模になりましたら、再計測してみます。