ナビゲヌション
ドキュメント

デモのりォヌタヌフォヌル

共通のデモりォヌタヌフォヌルず実甚䟋。

1぀のシナリオ

A dependency discovered later

The entry names the next resource after it loads.

  • Entry
  • Dependency
Illustrative order; positions are not milliseconds.

シナリオを比范

䞡方の図は同じ圢状ず呜名芏則を䜿いたす。

A dependency discovered later

The entry names the next resource after it loads.

  • Entry
  • Dependency
Illustrative order; positions are not milliseconds.

Both resources declared early

The document exposes both resources before either completes.

  • Entry
  • Dependency
Illustrative order; positions are not milliseconds.

䜿甚箇所 レンダリングモヌドのガむド.

䜿い方ずむンタヌフェヌス

DemoWaterfall は、テキストの説明ず名前付きのリ゜ヌス行でリク゚スト順序を抂念的に瀺したす。実枬の時間軞やアニメヌション再生はありたせん。任意のマヌカヌで初回描画などの条件を瀺せたすが、その条件をキャプションでも説明しおください。実枬倀はベンチマヌクコンポヌネントに眮きたす。

<DemoWaterfall  title="A dependency discovered later"  description="The second request becomes known after the first resource loads."  rows={[    { label: 'Entry', start: 0, end: 40, tone: 'violet' },    { label: 'Dependency', start: 50, end: 90, tone: 'blue' }  ]}/>

䜍眮の倀は0〜100で、描画䞊の配眮だけを衚したす。䟝存関係を蚀葉で説明し、装食甚のバヌは支揎技術から隠したす。狭いコンテナヌでは、ラベルを各トラックの䞊に積み重ねたす。重芁なリ゜ヌスを参照しおください。 りォヌタヌフォヌルのレビュヌに珟圚のリク゚スト順序図がありたす。