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が爆速になった

Posted at

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

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

image.png

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

どうやら、JavaScriptのペイロードが極端に少ないらしい。本当はSvelteとかSoliJSとか気になっていたが、今回はパフォーマンス重視ということで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?