Fig.2

React SPA + WordPress の表示速度改善 — PageSpeed C→A

2022.04 — 2025.03 • フロントエンドエンジニア • Next.js / Node.js / WordPress

上海世全ネットワーク科技のコーポレートサイト改善プロジェクト。GitHub公開不可のため、モジュール図/フロー図で紹介します。

「構成を大きく変えず、2週間で C→A。運用担当者の更新フローも残した改善。」

課題React SPA + WordPress構成のコーポレートサイトがSEO・表示速度に課題。構成を大きく変えずに改善したい。運用担当者が記事を更新しやすい状態も維持したい。

担当範囲Node.js記事取得スクリプト / build時静的ページ生成 / Next.js移行 / ISR導入 / 記事更新フロー改善

使用技術React / Next.js / Node.js / WordPress / GitHub

工夫既存構成を維持しつつ、build時にWordPress記事を取得して静的ページ生成する方式を採用。大規模リプレイスではなく段階的改善。その後 ISR を導入し、運用担当者の記事更新→サイト反映フローを整備。

成果約2週間で PageSpeed 評価を C→A に改善。SEO評価向上に貢献。

## 改善フロー