java-web Jquery 初期化遅延問題_html/css_WEB-ITnose

この投稿は MUTOUYIHAO によって最終編集されました: 2013-07-10 12:36:20

jQuery パフォーマンスの最適化 jsp java web

現在、ページ内のいくつかの要素は jsp を使用して開発されています。 CSS はスタイル制御の DOM 要素を初期化するために使用されます。現在使用されているメニューなどの要素は、ページを読み込むときにスタイルを変更しないと 1 秒程度の遅延が発生することがありますが、遅延がない場合もあります。これはおそらくキャッシュによるものでしょうか。
ページの実装手順は次のとおりです:
0. CSS スタイルを参照します
1. dom 要素を定義します
2. ページの最後で js (jquery) を参照して dom 要素のスタイルを初期化します

最終的に、 js の初期化が完了せず、ブラウザが dom 要素をレンダリングします。 しばらくすると、js の初期化が完了し、ページが正常に表示されます。

ページには多くの要素があるため、JSP の include ディレクティブを使用してサブページがロードされると、ページがロードされてから約 1 秒後に「元の」表示が表示されることがあります。

このような大規模なページの読み込み実行最適化の問題に対処する方法について何かアドバイスはありますか

ディスカッションへの返信 (解決策)

個人的に思う
固定の dom 要素スタイルを dom 要素に直接適用する
または、スタイルを制御するスクリプト ファイルを分割し、分割されたスクリプト ファイルを分割基準ノード要素に参照します
または、最初に最も外側の div を非表示にしてから、参照されるスクリプト ファイルでの表示を制御します

読み込み中であることを示すために、それを覆う div を作成しますそのようなもの

jquery が正式な dom を処理した後、この div を非表示にします