0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

React → Astro に切り替えたらHPが爆速になった

0
Last updated at Posted at 2025-07-06

「シンプルなウェブページ、Reactの必要なくね?」

これまで脳死でReactを採用して作成していたウェブサイト(動的な要素一切無し)だが、超当たり前のことに気づいてしまい、今回新しくフロントエンドツールを勉強しつつ実装してみることにした。

image.png

State of JavaScriptより。フロントエンドフレームワークの中でも近年注目を集めるAstro、何やらめちゃくちゃ速いらしい。若干記事が古いが、ここで紹介されている。

どうやら、JavaScriptのペイロードが極端に少ないらしい。本当はSvelteとかSolidJSとか気になっていたが、今回はパフォーマンス重視ということでAstroで実装。

結果

PageSpeed Insightsで計測。
全く同じ内容で、Astroで実装し直した。

↓Reactでこれまで実装していたもの
pagespeed.web.dev_analysis_https-keiyousya-com_t9y6leq62w_form_factor=mobile.png

↓Astroで新たに実装しなおしたもの
pagespeed.web.dev_analysis_https-keiyousya-com_jce4wnk56p_form_factor=mobile.png

結果:クソ速くなった。

学び

脳死でReact、ダメ。絶対。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?