Internet Explorer 6的<rich：modalpanel>替代</rich：modalpanel>

Question

与Firefox相比，我的Web应用程序页面在Internet Explorer 6上的加载速度非常慢：IE6约为6s，Firefox为3s。

页面的大小确实是我的应用程序中的一个大问题，但是 我也知道IE6上的<rich:modalPanel>非常慢（由于DOM操作）。

由于我们使用了很多它们，我认为这个组件可能确实是这种缓慢的原因之一......

那么，是否有<rich:modalPanel>组件的JSF替代品？

或者最终，你知道一个javascript / jQuery模式面板代码，可以很容易地用于JSF中的自定义组件吗？

技术信息：

JSF 1.2（+ Facelets）和Richfaces 3.2.2

Answer 1

为什么不在代码中使用jQuery组件？您不一定需要自定义组件 - 特别是因为您正在使用Facelets。

Answer 2

我不认为<rich:modalPanel>是所有问题的根源，而改为其他自定义组件确实有帮助。模态面板内的所有组件都放在DOM中，但它们在开始时是不可见的。尝试进行从modalPanel更改为常规测试的测试。我认为这不会加快加载时间。您可以做的另一个测试是在没有模态面板的情况下测量页面的加载时间。

对于测试，我建议使用Fiddler2工具。它将帮助您在IE浏览器上测试性能。

Answer 3

JQuery UI Dialog是一个不错的选择。看看吧。