JSが完了するまでページの表示を遅らせるにはどうすればよいですか？

Question

私はstackoverflowの前提条件の検索を行い、インターネットを見ています。答えは「これはできない」と思う。私はここに誰かが解決策を持っていることを望んでいます。

マイページが正常に読み込まれますが、多くのYUIコンポーネントが表示される前に完全に読み込まれません。たとえば、私のDataTableは表示時にサイズが変更されるか、自分のネイティブフォームでボタンが表示されてからYUIになります。

すべてのJavascriptが完了するまで（つまり、すべてのYUIコンポーネントのレンダリングが完了するまで）、ページの表示を遅らせる方法はありますか？私は、JSの多くがそれを操作するために存在しているDOMに依存するので、これがどうなるかわかりません。

Answer 1

ページ

私が正しく理解していれば、あなたはそれが行われるまで、それを隠したいの表示 を遅らせる方法はありますか？ その場合は、私がアイデアを持っている：

1. を使用すると、非表示（または 位置を使用します。それをカバーするために絶対的に）したい 要素のラッパを追加
2. 使用背景をDIVギブすべてのあなたのjavascriptが Zインデックスを削除するか、透明

に背景の色を変更するロードした 正のzインデックス

と周囲の色

あなたのjavascriptのコードは次のようになります

• 1.と2.
• は
• あなたのjsを読み込むか、それはsynchroneする必要があります。もちろん、3

を行います。
代わりに、要素自体にvisibility:hidden/visibleを使用することもできますが、うまくサポートされているかどうかはわかりません。

Answer 2

ページの頭の部分にJavascriptを入れてみてください。ページの終わり近くにあるように、後で読み込まれます（最初の要素が読み込みが速くなります）。また、Amazon CloudFrontなどのCDNを使用してJavascriptを圧縮して配信すると、すぐに読み込まれるようになります。