4

DurandalJS を使用してアプリを作成しましたが、フレームワークがここに関連しているかどうかはわかりません。Firefox と Chrome で、紺色のボックス (フォルダー) の周りをクリックすると、パフォーマンスがすぐに低下しますが、その理由はわかりません。クリックするたびに、新しいフォルダーを開くのに時間がかかります.20〜30個のフォルダーが開かれると、それが発生することがわかります.

これらのフォルダーはキャッシュされていないため、シングルトン ビューモデルに基づいている必要があります。

define(['services/dataservice', 'durandal/plugins/router', 'durandal/app', 'services/hub', 'viewmodels/setVm', 'viewmodels/folderVm'],
    function (dataservice, router, app, hub, SetViewModel, FolderViewModel) {
    // define vm
    return vm;
}

FF プロファイラーでは、次のように表示されます。

ここに画像の説明を入力

これがプロファイリングに詳しい人にとって意味があるかどうかはわかりませんが、このパフォーマンスの低下がなぜ発生するのかを一生理解することはできません.

Chrome のメモリ プロファイルは、最大メモリ消費量が約 45 MB であることを示していますが、ページが描画されるのを待たなければならない時間は徐々に悪化しています。

ライブサイトはこちら:

www.nogginator.com

なぜこれが起こっているのでしょうか?

4

1 に答える 1