🚀

パフォーマンス

DOMサイズ、インラインCSS/JS、レンダリングブロックリソース、遅延読み込み、最新画像形式。

チェック内容

インラインCSS/JS、レンダリングブロックリソース、DOMサイズ、画像最適化(遅延読み込み・最新フォーマット)、viewport metaタグ、リソース数を分析します。

個別チェック項目

インラインCSS

warning

ページサイズを増大させる過剰なインラインスタイルブロックを検出します。

例: <style>...</style>
ベストプラクティス: ≤3 blocks, ≤10KB

インラインJS

warning

レンダリングをブロックする過剰なインラインスクリプトブロックを検出します。

例: <script>...</script>
ベストプラクティス: ≤5 blocks, ≤20KB

レンダリングブロック

warning

ページレンダリングをブロックするhead内のCSS/JSを特定します。

例: <script src="..." async>
ベストプラクティス: async or defer

画像サイズ

notice

レイアウトシフトを防ぐために画像にwidth/heightが指定されているか確認します。

例: <img width="800" height="600">
ベストプラクティス: 100%

遅延読み込み

notice

スクロール下の画像にloading="lazy"が設定されているかチェックします。

例: <img loading="lazy">
ベストプラクティス: All below-fold images

ビューポートメタ

error

モバイル表示のためのviewport metaタグを確認します。

例: <meta name="viewport" content="width=device-width">
ベストプラクティス: Present

DOMサイズ

warning

DOM要素数をカウントします。DOMが大きいとレンダリングが遅くなります。

ベストプラクティス: <1500 elements

CSSファイル

warning

外部CSSファイル数をカウントします。多すぎると読み込み時間が増加します。

例: <link rel="stylesheet" href="...">
ベストプラクティス: ≤8

JSファイル

warning

外部JSファイル数をカウントします。多すぎると読み込み時間が増加します。

例: <script src="...">
ベストプラクティス: ≤10

最新画像フォーマット

notice

最新の画像フォーマット(WebP/AVIF)の使用状況をチェックします。

例: <img src="photo.webp">
ベストプラクティス: WebP/AVIF

なぜ重要か

ページ速度はランキングとユーザー体験に直接影響します。レンダリングブロックリソース、過剰なインラインコード、最適化されていない画像は読み込み時間を増加させ、Core Web Vitalsを悪化させます。

今すぐウェブサイトをテスト

ウェブサイトを分析

他のチェックカテゴリ

📊

より詳細なSEO分析が必要ですか?

  • 30項目以上の継続SEOチェック
  • Google Search Console連携
  • キーワードトラッキング
TopRankerToolsを試す →
👥

オンラインでの収益アップについて話しましょう

  • あなたのサイトのSEO健全性
  • 成長の機会
  • 期待される成果
無料相談を予約する →