ホーム > 投稿記事 > Nao Light開発に至ったお話

Nao Light開発に至ったお話

投稿日 : 2019年05月31日   更新日 : 2019年08月04日
カテゴリー : 新着情報
Nao Light開発に至ったお話の画像

Nao Light開発のきっかけ

Nao Lightを開発するに至った経緯には、自分の「エンジニア婦人ノート」を自分でカスタマイズして感じていた、あることがきっかけでした。

WordPressサイトって、重いよね。

これまでに関わってきたWordpressサイト制作経験から思っていたことがありました。

「子テーマを使うにしろ、親テーマを別物として改造するにしても、どちらにしてもWorpdressは重くなりがち。

「早く表示できれば、見に来てくれた人が離れずに済むのに。」

「画像遅延読み込みをやっても、プラグインを減らしていても、中々、一定以上は早くならない。

「これらを解決する、良い方法が何かないだろうか?」

改良前は、私のサイト、「エンジニア婦人ノート」も例外にならず遅いものでした。

※測定にはPageSpeedInsightを使用しています。

改修前のエンジニア婦人ノートトップページ(PC)の表示速度-PageSpeedInsight-
改修前のエンジニア婦人ノートトップページ(PC)の表示速度-PageSpeedInsight-

トップページの表示だけでスコア61

改修前のエンジニア婦人ノートトップページ(モバイル)の表示速度-PageSpeedInsight-
改修前のエンジニア婦人ノートトップページ(モバイル)の表示速度-PageSpeedInsight-

モバイル表示に至ってはスコア32と、とても低いものでした。

キャプチャはありませんが、投稿ページなどはものによっては10台のスコアもありました…。

実際にアクセスしてみると表示までに時間がかかり、もしかしたらこの間に離脱しているかもなと思うときもありました。

これでは折角の来訪者を逃してしまう!

サイト表示軽量化に命(?)を懸けてみた

改良後のトップページ表示速度は、こうなりました。

改修後のエンジニア婦人ノートトップページ(PC)の表示速度-PageSpeedInsight 2019/5/26測定-
改修後のエンジニア婦人ノートトップページ(PC)の表示速度-PageSpeedInsight 2019/5/26測定-

PC版、99!

それに対して、モバイルは…

改修後のエンジニア婦人ノートトップページ(モバイル)の表示速度-PageSpeedInsight 2019/5/26測定-
改修後のエンジニア婦人ノートトップページ(モバイル)の表示速度-PageSpeedInsight 2019/5/26測定-

モバイル版、97!

PC版と遜色ないくらいになっています。大幅に改善されました。

トップページ以外はこのようになっています。

プロフィールページ(PC)の表示速度-PageSpeedInsight 2019/5/31測定-
プロフィールページ(PC)の表示速度-PageSpeedInsight 2019/5/31測定-
プロフィールページ(モバイル)の表示速度-PageSpeedInsight 2019/5/31測定-
プロフィールページ(モバイル)の表示速度-PageSpeedInsight 2019/5/31測定-

トップページと然程スコア差はありません。

画像が多い投稿ページ(PC)の表示速度-PageSpeedInsight 2019/5/31測定-
画像が多い投稿ページ(PC)の表示速度-PageSpeedInsight 2019/5/31測定-
画像が多い投稿ページ(モバイル)の表示速度-PageSpeedInsight 2019/5/31測定-
画像が多い投稿ページ(モバイル)の表示速度-PageSpeedInsight 2019/5/31測定-

特にモバイルは、画像が多いとさすがに遅くなりますが、それでも標準数値内(50-89)以内に収まっています。

これ、WordPressを使ったサイトですよ?

「サイトを持つ誰しもが、自分のところに来てくれた人に早く見てほしいと願うはず」

「でも表示が遅くて離脱してしまう人も多い…」

「基本の表示がこんなに早いなら、サイト制作をする人のベーステーマとして使えるのでは?」

そう思い、皆さんの元に届いたら嬉しいなと思い、テーマ販売を決定しました!

NAOT導入事例サイト

  • エンジニア婦人ノート…Nao Light開発者のサイトです。技術情報とワーキングペアレントに役立つかもしれない情報を配信しています。

楽しい物造りを

NaoLight

自分のブログやサイトを、楽しく作ってもらえたら。

プログラムを使って望み通りに、拡張しやすく、自分の思うように。

できたときに、すごく楽しい!と思ったら。

控えめに言って、「最高です」。

NaoLight -NAOT-(なおらいと、なおと、と呼んでください)はそんな思いをカタチにする、WordPressのテーマです。

ご購入はこちらからお願いします(BOOTHへ移動します)。

Nao Light-NAOT-公式サイト



この記事にコメントする

入力エリアすべてが必須項目です。承認制のため、表示までに時間がかかる場合があります。

CAPTCHA


内容を確認の上、コメントをお願いします。