有料テーマをやめて、AIで自作のWordPressテーマに乗り換えた話｜表示速度3倍・PageSpeed96点

本業は経理、個人開発は趣味でやっているたびです。これまで有料のWordPressテーマを購入して使っていましたが、思い切って捨て、対話型AIと組んで自作の新テーマ「Journal」に乗り換えました。いま読んでいるこのブログ「経理のAI仕訳帳」も、その Journal で動いています。

たび

有料テーマに限界を感じて、AIと一緒に自作テーマ「Journal」を作りました。判断の流れと数字を、再現できる粒度で残します。

結果は明確です。スマホの表示速度は約3倍、PageSpeedは96点。ついでにプラグインも18個から6個に整理しました。何をどう判断して進めたかを記録します。

有料テーマに感じていた限界

不満だらけだったわけではありません。むしろ高機能でした。ただ、使い込むほど引っかかる点が増えていきました。

多機能の代償として重さを抱え、カスタマイズも頭打ち。「これ、自分の要件に合わせて作り直したほうが早いのでは？」と考えるようになりました。

コードは趣味で書きますが、テーマをフルスクラッチで組むのは個人だと時間が足りない。そこで対話型AIと役割を分けました。

「こう動かしたい」を具体的に渡すほど、返ってくる実装の精度は上がります。曖昧な指示は曖昧な結果になる——仕様を詰める経理の仕事と本質は同じでした。

「自作」と言っても、奇抜なものを作ったわけではありません。ブログに必要な定番機能を、軽く・自分の要件に合わせて積んだ、という内容です。

テーマに内蔵した機能：ダークモード／追従する自動目次／コードのシンタックスハイライト／シェアボタン・関連記事／会話吹き出し・ボックス・マーカーなどの装飾／SEO（OGP・構造化データ）
プラグインをテーマに巻き取り：目次・コードハイライト・問い合わせフォームなどを自前実装し、プラグインを18個→6個に削減
速度のための具体策：重いコードハイライト用JS（約120KB）を軽量なものへ置き換え／一覧のサムネ画像を適正サイズで配信／不要なJavaScriptを削減
データベースも最新化：MySQL 5.7 → MariaDB 10.5 へ移行

たび

丸投げで完成、とはいきません。本番反映と最終判断は、こちら側の仕事です。

実際、記事カードのリンクがHTMLの入れ子で壊れ、本文が出ない不具合も出ました。原因を切り分け、構造を直して解消。検証と修正の積み重ねが品質を決めます。

そして一番ハマったのが、モバイルだけ表示速度が激落ちした件です。原因はGoogle AdSenseの自動広告（Auto Ads）。長い記事ページで広告枠を差し込む処理が重く、本文の描画を2秒以上も遅らせていました。Auto Adsを外したら、一気に改善しました。

学び

計測ツールの数値を「サーバーが遅い」と思い込むと迷子になります。実際はサーバーは速く、広告スクリプトが描画を止めていた。スコアの“内訳”まで見るのが大事でした。

ここがキモ

多機能テーマを“盛る”より、自分の要件に絞って“削る”ほうが速くなる。プラグインも同じ発想で減らせます。

今回いちばん実感したのはこれです。テーマの自作も、プラグインの全面見直しも、やればできるが、個人の時間では現実的でなかった作業でした。それがAIと組むことで、現実的なコストで実行できるようになった。

裏を返せば、これからは「どうAIを使うか」が、エンジニアかどうかに関係なく効いてくるということ。本業が経理でも、AIを道具として使いこなせれば、できることの範囲は一気に広がります。

今回作った新テーマ「Journal」は、公開する予定です。「有料テーマが重い・カスタマイズしきれない」と感じている人がいれば、よかったら使ってください（配布の詳細は追って告知します）。

まとめ

非エンジニアでも、AIと組めば“自分専用の道具”は作れる。大事なのは、何を作るかを決めて、品質を判断する側に回ること。次は別のツールを自作します。

このブログ「経理のAI仕訳帳」では、経理×AIの業務改善・個人開発・お金（投資/副業）の実験を、再現性のある形で記録していきます。