ページが読み込まれるまで待ってからレンダリングするにはどうすればよいでしょうか?

ページが読み込まれるまで待ってからレンダリングするにはどうすればよいでしょうか?

私は 2 つの動的 Web アプリの比較を含む研究論文を書いています。つまり、両方のアプリで同様のタスクを実行するのにかかる時間を比較したいと考えています。2 つのうちの 1 つはもう 1 つよりも最適化が不十分で、ページの読み込み速度が非常に遅いことがわかっていますが、その点が UX 実験の妨げにならないようにしたいです。

そのため、サーバーにアクセスできない Web サイトが完全に読み込まれ、すべてのリソースが取得されるまで、その Web サイトのレンダリングをブロックする必要があります。

最新のサイトを正しく表示できる限り、どのブラウザを使用するかは問題ではありません。ブラウザに追加してこれを実現できるプラグインやスクリプトなどはありますか?

答え1

クロムの場合:

chrome:/flags を使用して、読み込み中に古い情報を表示します (または、再読み込みすると両方を実行できます)

関連情報