メインコンテンツにスキップ
ToolShed
ホーム
人気
新着
すべてのツール
読み込み中...
ホーム
開発・コード変換
Webパフォーマンスチェックリスト
開発・コード変換
無料
登録不要
Webパフォーマンスチェックリスト
Webパフォーマンス最適化の主要チェック項目(Core Web Vitals対応)を一覧表示する無料オンラインツール。
入力
結果
--- Core Web Vitals --- LCP (Largest Contentful Paint): < 2.5s INP (Interaction to Next Paint): < 200ms CLS (Cumulative Layout Shift): < 0.1 --- 画像 --- □ WebP/AVIF形式を使用 □ 適切なサイズ(srcset) □ lazy loading □ width/height指定(CLS防止) □ 画像CDN使用 --- JavaScript --- □ コード分割(dynamic import) □ Tree shaking □ 不要なライブラリの除去 □ defer/async属性 □ 長いタスクの分割 --- CSS --- □ 不要なCSSの除去 □ Critical CSSのインライン化 □ font-display: swap --- キャッシュ --- □ 静的アセットのCache-Control □ Service Worker(オフライン対応) □ CDN活用 --- サーバー --- □ HTTP/2有効 □ Gzip/Brotli圧縮 □ DNS-prefetch/preconnect □ エッジ配信(CDN) --- 計測ツール --- Lighthouse, PageSpeed Insights WebPageTest, Chrome DevTools
コピー
FAQ
よくある
質問
使い方を教えてください。
+
画面の入力欄に処理したい値を入れるだけで、Webパフォーマンスチェックリストが即座に結果を表示します。コピー ボタンで結果をワンクリックでクリップボードに送れます。
料金はかかりますか?
+
開発環境で使用しても安全ですか?
+
関連ツール
こちらも
おすすめ
アクセシビリティチェックリスト
Webアクセシビリティ(WCAG 2.1)の主要チェック項目を一覧表示する無料オンラインツール。
SHA-256ハッシュ生成
Web Crypto APIでSHA-256ハッシュを生成する無料オンラインツール。
SHA-384ハッシュ生成
Web Crypto APIでSHA-384ハッシュを生成する無料オンラインツール。
APIキー生成
暗号学的に安全なAPIキーを生成。長さ・文字種をカスタマイズ可能。API開発のキー発行に便利な無料オンラインツール。
APIモックデータ生成
REST APIのモックレスポンスをJSON形式で自動生成。スキーマ定義からダミーデータを作成。フロントエンド開発・テストに便利な無料オンラインツール。
ASCIIコード表
ASCIIコード(0-127)の文字・10進数・16進数・2進数の一覧表。プログラミング参照に便利な無料オンラインツール。