コラム『現役SEが小説ブログにWordPressテーマ「Cocoon」を選ぶ理由と、読者を冷めさせない爆速チューニング』

読者を物語に没入させる「引き算」の設計思想

※この記事は、Google AdSense審査における「サイト品質(表示速度・UX)」の観点から、実際に行った改善内容をまとめたものです。

皆さん、こんにちは。現役SE兼プログラマとして、日中はシステムの応答速度(レスポンスタイム)改善に血道を上げ、夜はショートショートを書き綴っている田中パスタです。

現在、当ブログ「読むだけで心が整う、短いストーリー集」は、Google AdSenseの3回目の審査結果を待機している状態です。クローラー(巡回ロボット)が当サイトの構造を解析し、データベースのインデックスを同期するまでの間、ただ指をくわえて待っているのもシステム屋の性に合いません。

そこで今回は、AdSense審査における「ユーザー体験(UX)」の要とも言える**「サイトの表示速度と軽量化」**について、私が当ブログの裏側で実装しているチューニング仕様を公開したいと思います。

ブログの表示が遅いことは、小説サイトにおいて「読者を現実世界に引き戻す致命的なバグ」です。読者を冷めさせないために施した、泥臭いインフラ構築術をご覧ください。

なぜ無料テーマ「Cocoon」を採用するのか?

WordPressでブログを始める際、誰もが直面するのが「テーマ選び」です。世の中には華やかな有料テーマが溢れていますが、私が選んだのは無料テーマの「Cocoon」でした。

理由はシンプルです。ソースコードの構造が美しく、必要なSEO機能が最初から内包されている「オールインワン・パッケージ」だからです。

システム開発において、外部ライブラリ(プラグイン)への依存度を下げることは、保守性と安定性を高める絶対の基本です。Cocoonを使えば、サイトを激重にする原因の一つである「All in One SEO」のような外部のSEOプラグインを一切インストールする必要がありません。機能美と拡張性を兼ね備えたCocoonは、まさに無駄を削ぎ落とした洗練されたフレームワークなのです。

現役SEが実践する「引き算」の爆速チューニング術

ブログのカスタマイズに凝り始めると、人はつい色々な機能や装飾を「足し算」してしまいます。しかし、システムのパフォーマンスを極限まで引き上げるのは、いつだって「引き算」です。

当サイトでは、一般的なブログでは当たり前のように使われている機能を、あえて容赦なく切り捨てています。

チューニング①:カルーセルスライダーの無効化

トップページの上部で、おすすめ記事が横にスライドしていく「カルーセルスライダー」。見栄えは派手でリッチになりますが、画像やJavaScriptの読み込みが大量に発生し、レンダリング(画面描画)の強烈なボトルネックになります。

当サイトは『愛しみの桃太郎』や『僕らが溶け合う境界線』といった「テキスト(物語)」を読んで頂くことが主目的です。一瞬の派手さのために、読者の貴重な数秒を奪うオーバーヘッドは不要と判断し、完全に無効化しています。

チューニング②:画像遅延読み込み(Lazy Load)のオフ

画面をスクロールしたタイミングで画像を読み込む「Lazy Load」。一般的には表示速度改善の特効薬とされています。

しかし、テキスト主体の小説ブログにおいて、スクロール時の挙動が不自然にカクついたり、クローラーの正確な巡回を阻害するノイズになるリスクを考慮し、私はあえてこの機能を「無効化」しています。プレーンなHTMLを一気にパース(解析)させる方が、結果的にAIにも人間にも優しいと判断しました。

チューニング③:導入するプラグインの厳選

極限まで引き算を行った結果、現在当サイトで稼働しているプラグインは、以下の3つだけです。

  1. Contact Form 7
  • 用途: お問い合わせフォームの設置。
  • 理由: シンプルでありながら、驚異的な柔軟性を持つ神プラグイン。AdSense審査の必須要件である「お問い合わせ先」を稼働させるための、唯一無二のモジュールです。
  1. Redirection
  • 用途: すべての301リダイレクト管理と、404エラーのモニター。
  • 理由: 読者がリンク切れ(デッドリンク)を踏んでしまうことは、最悪のユーザー体験です。システム管理者の基本として、404エラーを常に監視し、正しいページへ誘導するルーティング処理を任せています。
  1. UpdraftPlus
  • 用途: 複数のバックアップ保存先に対応したバックアップと復元。
  • 理由: システム運用において「冗長化(バックアップ)」は絶対の掟です。執筆した数々の小説という名のデータベース資産を、不測の事態から完全に保護するための命綱です。

すべては「物語に没入してもらう」という最高のUXのために

カルーセルを外し、プラグインを3つにまで削ぎ落とし、プレーンな爆速環境を作り上げる。 これらすべての技術的アプローチは、ただのシステム屋の自己満足ではありません。読者がリンクをクリックした瞬間、ストレスなく、一瞬で物語の世界に入り込めるようにするための「インフラ整備」なのです。

装飾過多なデザインよりも、0.1秒でも早く最初の1文字を読者に届けること。それが、小説サイトにおける真の「ユーザー体験(UX)」だと私は信じています。

どうかGoogleの審査AIにも、この「読者ファーストの引き算設計」が、有用なコンテンツを届けるための器として評価してもらえますように……!と、今はただ祈るばかりです。

AdSense審査の再リクエストを送信し、サーバーの片隅で静かにクローラーの訪問をお待ちしている現役SEからの、技術レポートでした。


まとめ:小説ブログを高速化するためのチェックリスト

・不要な装飾(カルーセルなど)は削除する
・プラグインは最小限(目安3〜5個)に抑える
・テーマは軽量なもの(Cocoonなど)を選ぶ
・表示速度より演出を優先しない
・「読者の没入」を最優先に設計する

特に重要なのは、「足し算ではなく引き算で設計する」ことです。
機能を増やすほどサイトは重くなり、結果として読者体験は悪化します。
まずは不要な機能を削ることから始めてみてください。


【このサイトについて】
このサイトでは、オリジナルの短編小説を公開しています。
SF、ヒューマンドラマ、少し不思議な物語など、
1話3~5分程度で読める作品を中心に掲載しています。
忙しい日常の隙間時間に気軽に楽しめる読み物をお届けします。
コラム
この物語を共有する