1

動的に作成された多数の JQuery UI アコーディオンを含む Web アプリケーション画面があります。着信 JSON 文字列をループして、次のようにアコーディオンを動的に作成します。

for (i in json.panels) {

   var accordionName = json.panels[i].panelName;
   var isExpanded = json.panels[i].expand;
   var activeProperty = (isExpanded) ? 0 : false;

   var accordElemId = "accordion_"+i;
   var accordDiv = '<div id="' + accordElemId + '"></div>';
   var accordion = $("#"+accordElemId );

   var startTime = new Date().getTime();

   accordion.accordion({
      collapsible: true,
      heightStyle: "content",
      active: activeProperty,
      animated : false
   });

    var endTime = new Date().getTime();
    console.log("Time for "+accordionName+"="+(endTime - startTime));

}

次に、IE8 と IE10 で各アコーディオンを作成する時間を比較しました

IE8では、本当に遅いことがわかりました。ページをナビゲートすると、パフォーマンスが継続的に低下します。次の図を見てください。時間はミリ秒単位です。

1)

LOG: ----------------------------start -------------------------------------
LOG: Time for Patient Address =  16
LOG: Time for Current Legal Status =  32
LOG: Time for Alerts and Risk Factors =  0
LOG: Time for Current Wards/Programs =  16
LOG: Time for Open Orders =  0
LOG: Time for RAI-MH Form =  0
LOG: Time for RAI =  16
LOG: Time for OCAN-C =  31
LOG: Time for LD =  0
LOG: --- Diff create ajaxURL =  0
LOG: ----------------------------end -------------------------------------

2)

LOG: ----------------------------start -------------------------------------
LOG: Time for Patient Address =  16
LOG: Time for Current Legal Status =  47
LOG: Time for Alerts and Risk Factors =  32
LOG: Time for Current Wards/Programs =  16
LOG: Time for Open Orders =  15
LOG: Time for RAI-MH Form =  110
LOG: Time for RAI =  140
LOG: Time for OCAN-C =  141
LOG: Time for LD =  31
LOG: --- Diff create ajaxURL =  0
LOG: ----------------------------end -------------------------------------

3)

LOG: ----------------------------start -------------------------------------
LOG: Time for Patient Address =  62
LOG: Time for Current Legal Status =  485
LOG: Time for Alerts and Risk Factors =  15
LOG: Time for Current Wards/Programs =  219
LOG: Time for Open Orders =  391
LOG: Time for RAI-MH Form =  62
LOG: Time for RAI =  250
LOG: Time for OCAN-C =  391
LOG: Time for LD =  110
LOG: --- Diff create ajaxURL =  0
LOG: ----------------------------end -------------------------------------

それから私はIE 10を試してみましたが、それは超高速で、パフォーマンスと一貫しています

----------------------------start ------------------------------------- 
Time for Patient Address =  7 
Time for Current Legal Status =  5 
Time for Alerts and Risk Factors =  5 
Time for Current Wards/Programs =  6 
Time for Open Orders =  6 
Time for RAI-MH Form =  6 
Time for RAI =  4 
Time for OCAN-C =  4 
Time for LD =  4 
--- Diff create ajaxURL =  0 
----------------------------end ------------------------------------

これについて何か考えがありますか？助けてくれてありがとう

ありがとう、ケス

4

0 に答える 0