1


0

私はjavascriptとcssに重くロードされているWebアプリを持っています。 初めてユーザーがログインした場合は、jsファイルをダウンロードしているとロードに時間がかかります。 それからキャッシングはすべてを速くするでしょう。

ユーザーにこの読み込み時間を認識させてください。 jsとcssがダウンロードされている間に、ロード情報を "表示"するためのコードを追加するにはどうすればいいですか?

4 Answer


3


「読み込み中…​」というオーバーレイを表示して、ダウンロードが完了した瞬間に非表示にすることができます。

... たくさんのCSSとJSファイル...

このページを読み込んでいます! 我慢して!

... あなたの体の内容は...

clear-load.jsの内容

document.getElementById( 'loading-div')。style.display = 'none';

もちろん、最後にロードされたJavaScriptファイルの末尾にdivを隠すJavaScriptコードを追加することもできます。

また、javascriptファイルとcssファイルを1つのファイルにまとめてgzip圧縮を適用するか、「縮小」してください。 正しくすれば、100リクエスト以内の1リクエストに20リクエスト中の500KBのjavascriptを持参することができます。


0


慈悲の甘いお母さん、Ricardo、このアプリケーションにどのくらいのJavascriptとCSSが関与しているのですか?

AJAX要求を使用してJSとCSSをロードする場所で何かを実行し、それらを使用しないでください。 これはあなたのJSとCSSファイルをキャッシュにロードします。 これをすべて「ロード中」ページで行い、ファイルをロードしたら実際のページにリダイレクトできます。 しかしIMOあなたは本当にこれをする必要はありません。 舞台裏で何が起こっているのかを確かめるには、 Fiddlerを使用してください。この最適化を実行する前に、JS / CSSファイルが停止するのを待つ必要があることを確認してください。


0


読み込み時間がjavascriptとcssのサイズによって異なることは私には奇妙に思えます。 他の要因でロード時間が長くかかることはありませんか。


0


どうぞよろしくお願いします。 http://developer.yahoo.com/yslowから入手可能なYSlowを試してください。 それはあなたのサイトを分析し、それを修正するための戦略を推奨するFirebugプラグイン(そう、プラグインのためのプラグイン)です。