IEでの読み込みが遅い

私のサイトでは、このページが他のブラウザと比較してIEで非常にゆっくりと読み込まれているため、カラーボックスを使用しています。カラーボックスjQueryファイルを削除すると、ページが正常に読み込まれます。どうすれば解決できますか？私は自分のサイトで次のスクリプトを使用しています：IEでの読み込みが遅い

<script src="js/script.js" type="text/javascript"></script> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"> </script> 
<script type="text/javascript" src="js/jquery.colorbox-min.js"></script> 
<?php if($_GET['s']=="invoices") {?> 
    <script src="js/thickbox1.js" type="text/javascript"></script> 
<?php } else {?> 
    <script src="js/thickbox.js" type="text/javascript"></script> 
<?php }?> 
<script src="js/jquery.treeview.min.js" type="text/javascript"></script> 
<script src="js/jquery.tipTip.minified.js" type="text/javascript"></script>

出典

2012-02-22 Rohit Sharma

ページの読み込みが遅くなりますか？あなたはここで遅いスクリプトを特定しましたが、正確に何が問題なのですか？ – asawyer

これらのタグのうち、HTML内にあるのはどこですか？

ここにオプションがあります。JavaScriptを使用してDOMを使用してスクリプトを読み込みます。

次のことを考えてみましょう：ページは準備ができたときに

if (window.addEventListener) { // for non-crappy browsers 
    window.addEventListener('load', loadHandler, false); 
} else if (window.attachEvent) { // for IE 
    window.attachEvent('onload', loadHandler); 
} 

function loadHandler() { 
    var scripts = { 
    'scripts': { 
     'src': 'js/scripts.js', 
     'type': 'text/javascript' 
    }, 
    'jquery': { 
     'src': 'https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js', 
     'type': '' 
    }, 
    'colorbox': { 
     'src': 'js/jquery.colorbox-min.js', 
     'type': 'text/javascript' 
    }, 

    'thickbox1': { 
     'src': 'js/thickbox1.js', 
     'type': 'text/javascript' 
    }, 
    'thickbox': { 
     'src': 'js/thickbox.js', 
     'type': 'text/javascript' 
    }, 
    'treeview': { 
     'src': 'js/jquery.treeview.min.js', 
     'type': 'text/javascript' 
    }, 
    'tipTip': { 
     'src': 'js/jquery.tipTip.minified.js', 
     'type': 'text/javascript' 
    } 
    }; 
    for (var key in scripts) { 
    script = document.createElement('script'); 
    script.src = scripts[key]['src']; 
    script.type = scripts[key]['type']; 
    document.body.appendChild(script); 
    } 
}

この方法は、あなたのスクリプトはのみロードされます。

出典

2012-02-22 19:03:13

ページが高速に読み込まれましたが、カラーボックスやその他の機能が動作しません。 –

見ることができるテストページがありますか？私のテストページで、コンソールはブラウザがそれらのリソースをロードしようとしていることを示しています。 –

このページを確認http://markettrendsignal.com/beta/ –

関連する問題