サイトパフォーマンス：パフォーマンス重視のウェブサイトをデザインする

関連性があり、整理されたコンテンツを含むサイトページは、通常、読み込み時間が短縮され、サイト訪問者のエクスペリエンスがよりスムーズになります。

スクロールせずに見える範囲（Above the fold）を最適化したり、専用ページを作成するなど、以下のデザインのヒントに従って、ページのパフォーマンスを向上させましょう。

サイトのパーツは特定の順序で読み込まれます。静的、または低解像度のパーツは、重いパーツやインタラクティブパーツよりも速く読み込まれます。

パーツがサイトで読み込まれる順序は次のとおりです：

サイトを構築し、コンテンツを追加する際は、読み込み順序に留意してください。読み込みの一番速いパーツを スクロールせずに見える範囲（Above the fold セクション）に追加することをおすすめします。

スクロールせずに見える範囲は、訪問者がスクロールすることなく表示できるセクションで、通常はサイトで最初に読み込まれる部分です。

必要な静的要素のみを追加し、このセクションのデザインはシンプルで適切なものにすることをおすすめします。

サイトの折り目セクションの上に追加することをおすすめします：

流体で高解像度のパーツは、サイトに躍動感を加えます。しかしながら、サイトの読み込み時間が長くなり、パフォーマンスに影響を与える可能性があります。

これらのパーツには注意が必要です。必要な場合にのみ使用し、サイトのスクロールせずに見える範囲に追加しないようにしてください。

Wix では、サイトに追加できるさまざまなアプリを用意しており、それには、ストア、ブログ、ビデオなどがあります。

これらのアプリには、サイトのホームページではない専用ページを用意することをおすすめします。これにより、ホームページが過負荷になるのを防ぐことができます。ボタン、メニューアイテム、リンクなどのパーツを使用して、ホームページからこれらの専用ページにリンクできます。

また、専用ページを追加すると、ページの長さを短くすることができます。これは、サイトページ全体を表示するために訪問者がスクロールする必要がある画面の数です。必要なコンポーネントのみを追加し、CTA の使用を最適化することで、ページの長さを 8画面以下に保つことをおすすめします。

ボタンを使用すると、サイトのパフォーマンスを損なうことなく、コンテンツをプレビューできます。

訪問者にサイトコンテンツのサンプルを見せる静的パーツ（テキストなど）をホームページに追加し、それぞれのページにリンクするボタンを追加します。例としては「ブログをチェック」、「続きを読む」、「今すぐ購入」などがあります。