jquery - Jqueryui パフォーマンスの最適化

Question

私はあなたの助けが必要です.私は非常に重いhtmlページを持っており、それをJqueryUI-edにしたいと思っています.

つまり、チェック ボックスを UI ボタン​​に、ラジオ ボタンを jUI ラジオなどに変換するということです。これは単純なダイアログで行われ、レンダリングに 25 秒かかります。

Chrome 開発者ツールを使用すると、多くの Parse HTML 呼び出しを確認できます。すべての時間がレンダリングに費やされます。

Jquery 呼び出しを最適化するためのアドバイスをいただけますか?

これがコードで、Chrome の結果の下にあります。

        $("input[id*=roleHabilitationsListItemAdd]")
        .button({
            icons: {primary: "ui-icon-none"},
            text: false
        })
        .click(function () {
            if (this.checked) {
                $(this).button("option", "icons", {primary: "ui-icon-check"});
            }
            else {
                $(this).button("option", "icons", {primary: "ui-icon-none"});
            }
        })
        .filter(":checked").button({icons: {primary: "ui-icon-check"}});