コンテンツにスキップ

svelte-vitals

ビルドもブラウザも不要。ソースコードを読むだけで、SvelteKitアプリの健康状態がわかります。
~/my-sveltekit-app
端末で svelte-vitals を実行し、Health スコアがアニメーションして確定する様子の録画。svelte-vitals 実行後、最終的な Health スコアとカテゴリ内訳が表示された端末のスクリーンショット。

svelte-vitals は、各ルートの実効的な <head><img> の使われ方をソースコードから静的に解決し、SEO・Performance・Correctness・Security・Architecture の5カテゴリでスコアリングします。ルート単位でもサイト全体でも一目で把握でき、基準を下回ればCIで止められます。すべて、実際にデプロイする前に。