SharePoint モダンサイトページで画像を最適化する

[アーティクル]
05/03/2024

この記事は、SharePoint モダンサイトページで画像を最適化する方法を理解するのに役立ちます。

クラシック発行サイトでのイメージの最適化の詳細については、「 SharePoint のイメージの最適化」を参照してください。

注:

SharePoint モダンポータルでのパフォーマンスの詳細については、「最新の SharePoint エクスペリエンスでのパフォーマンス」を参照してください。

SharePoint 用ページ診断ツールを使用して画像の最適化を分析する

SharePoint 用ページ診断ツールは、SharePoint モダンポータルと従来の発行サイトページの両方を分析する新しい Microsoft Edge (https://www.microsoft.com/edge) ブラウザーと Chrome ブラウザーのブラウザー拡張機能です。このツールでは、定義されている一連のパフォーマンス条件に対するページのパフォーマンスを示す分析済みの各ページのレポートが作成されます。 SharePoint 用ページ診断ツールのインストールと詳細については、「SharePoint 用ページ診断ツールを使用する」を参照してください。

注:

ページ診断ツールは SharePoint でのみ機能し、SharePoint システムページでは使用できません。

SharePoint のモダンサイトを SharePoint 用ページ診断ツールを使用して分析すると、サイズの大きな画像に関する情報が [診断テスト] ウィンドウに表示されます。

考えられる結果は次のとおりです。

注意が必要 (赤): ページのサイズが 300 KB を超える画像が 1 つ以上 含まれています
アクションは必要ありません (緑): ページに 300 KB を超えるサイズの画像が含まれています

結果の [注意が必要です] セクションに [大きな画像が検出されました] という結果が表示された場合は、結果をクリックすると追加の詳細が表示されます。

ページ診断ツールの結果。

大きな画像に関する問題を修復する

ページに 300 KB を超えるサイズの画像が含まれている場合は、 検出された大きな画像 の結果を選択して、大きすぎる画像を確認します。最新の SharePoint ページでは、ブラウザーウィンドウのサイズとクライアントモニターの解像度に応じて、イメージの表示が自動的に提供され、サイズが変更されます。 SharePoint にアップロードする前に、Web 用のイメージを常に最適化する必要があります。サイズが非常に大きい画像のサイズと解像度が自動的に縮小されます。これにより、予期しない表示特性が発生する可能性があります。

パフォーマンスの問題を修復するためにページを修正する前に、分析結果のページ読み込み時間をメモしてください。修正後にツールをもう一度実行して新しい結果がベースライン基準内にあるかどうかを確認し、新しいページ読み込み時間をチェックして改善されたかどうかを確認します。

ページ読み込み時間の結果。