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"}});