私のウェブサイトのページ数は、数ページを除いてすべてjQueryとJSONと同じCSSを使用しています。最初のページはユーザーログインです。ユーザーが自分のユーザー名とパスワードを入力するのに時間がかかるので、ログイン中にユーザーセッション全体に必要なJavaScriptファイルとCSSファイルをすべてダウンロードします。これはどうすればできますか?ヘッダーはすべてのページで同じです。どのように最適化するのですか?JavaScriptを最適化するCSSをダウンロードする
答えて
私の考えは、jsとcssファイルdynaに読み込まれるまさにdocument.load
の後。これはログインページの読み込み時間に影響することはなく、ユーザーがログインするとjsファイルとcssファイルをキャッシュします。
読み込み速度が速い場合は、これをdocument.ready
に簡単に変更することもできます。
このような場合はどうなりますか?
$(document).load(function() {
function preloadFile(filename, filetype){
//For javascript files
if (filetype=="js"){
var fileref=document.createElement('script');
fileref.setAttribute("type","text/javascript");
fileref.setAttribute("src", filename);
}
//For CSS files
else if (filetype=="css") {
var fileref=document.createElement("link");
fileref.setAttribute("rel", "stylesheet");
fileref.setAttribute("type", "text/css");
fileref.setAttribute("href", filename);
}
document.getElementsByTagName("head")[0].appendChild(fileref)
}
//Examples of how to use below
preloadFile("myscript.js", "js");
preloadFile("javascript.php", "js");
preloadFile("mystyle.css", "css");
});
参照
http://www.javascriptkit.com/javatutors/loadjavascriptcss.shtml
それはtry..but 2ページのCSSが異なっているなら何かを与えることができます。ログイン自体の間に私は将来のページのCSSをダウンロードできますか? – rohitnaidu19
はい、このCSSはいつでもロードすることができます – Undefined
私はあなたのログインページ上のすべてのごCSS/JavaScriptを追加
<title>Login</title>
<script src="foo.js"></script> <!-- This line might be better placed just before </body> -->
<link rel="stylesheet" type="text/css" href="foo.css">
- ログイン時にユーザーセッション全体のために必要なすべてのJavaScriptとCSSファイルをダウンロードします。
- すべてのCSSをHEADセクションの一番上に置きます。
- すべてのJavascriptを一番下に置きます。
また、JavascriptとCSSを外部ファイルとして作成することもできます(ページにインラインJavaScriptとCSS を書き込むのではなく)。
縮小化あなたのJavascriptとCSS
JSとCSSのポストロードはまた、詳細についてはYUI GET UTILITY
を使用して行うことができる2
を見て- 1. JavaScriptを使ってCSSアニメーションを最適化する
- 2. ウェブページのパフォーマンスを最適化するCSS
- 3. 最適化CSSセレクタ
- 4. JavaScriptの最適化
- 5. 最適化Javascriptコード
- 6. CSSのコンパイラの最適化
- 7. JavaScriptの最小化と最適化
- 8. jqueryスライダを最適化する...多分CSSトリックですか?
- 9. バッチスクリプトを最適化する
- 10. カーブシフトパラメータを最適化する
- 11. ゲームループを最適化する
- 12. サークルアニメーションを最適化する
- 13. フリーモナドを最適化する
- 14. クエリを最適化する
- 15. リンゴシステムログを最適化する
- 16. ストアドプロシージャループを最適化する
- 17. イメージを最適化する
- 18. フリーズグラフを最適化する
- 19. ファイルを最適にダウンロードするには
- 20. webpackでCSS/Lessを最適化する方法は?
- 21. 次のCSSの配信を最適化する
- 22. Opera MiniブラウザのCssを最適化するためのプラクティス
- 23. MySQLデータベースを最適化するための最適化
- 24. 既存のシステム接続を最適化する最適化アルゴリズム
- 25. ファイルをダウンロードするためのPythonでのマルチスレッド化の最適化
- 26. JavaScriptコードの最適化
- 27. javascript配列の最適化
- 28. テールコールの最適化javascript
- 29. javascriptのショートカットフュージョン最適化
- 30. jQueryの/ JavaScriptの最適化
+1は巧妙な考えです。 –
これを '全ユーザセッションのために'説明してください。 – Adi
@ user982207あなたのページにjQueryを含めてもよろしいですか?私の答えがユーザのログアウトまでずっと – Undefined