toshiki

HTMLファーストにしたら一晩でユーザーが2倍に

· Hacker News #130

重いSPAをHTMLファーストに作り直したら、ページ速度が劇的に改善しユーザーが急増した実話。

  • #frontend
  • #performance
  • #web
  • #engineering
  • #architecture

#なぜ今日これを選んだか

外資IT転職を目指してReact×Goのスキルを磨っているtoshikiにとって、「フレームワークに頼りすぎずHTMLの本質を理解する」という視点は今すぐ使えるエンジニア力だ。SPA全盛の時代に逆張りで爆速を実現した話は、技術選定眼を鍛える好素材。

#要点

  • 重いJavaScriptに依存したサイトをHTML中心の設計に切り替えたところ、初回ロード時間が大幅短縮
  • サーバーサイドでHTMLを組み立ててブラウザに渡すアーキテクチャにより、SEOとCore Web Vitalsが同時に改善
  • 複雑なクライアントサイド状態管理を排除し、コードベースが大幅にシンプル化・保守しやすくなった

#自分にとっての示唆

ReactでSPAを書けること自体は武器だが、「なぜSPAにするか」を説明できないと設計力があるエンジニアとは言えない。外資IT面接では「技術選定の理由」を必ず問われる。HTMLファーストな設計(SSR/ISR、ハイドレーション最小化)を理解しておくと「重さが問題になる場面ではHTMLを先に」という引き出しが増える。まず自分のGoプロダクトで一画面だけSSRとクライアントレンダリングを比較してみることが明日からのアクション。フレームワークの上に乗るだけでなく、「Webの根本を知っている人」として差別化できる。