私のウェブサイトのページ数は、数ページを除いてすべて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を外部ファイルとして作成することもできます（ページにインラインJavaScriptとCSS を書き込むのではなく）。
縮小化あなたのJavascriptとCSS
JSとCSSのポストロードはまた、詳細についてはYUI GET UTILITY
を使用して行うことができる2
を見て
+1は巧妙な考えです。 –
これを '全ユーザセッションのために'説明してください。 – Adi
@ user982207あなたのページにjQueryを含めてもよろしいですか？私の答えがユーザのログアウトまでずっと – Undefined