form表单中控件较多,加载完成后切换页面都很慢的解决方法

Posted 有梦就能实现

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了form表单中控件较多,加载完成后切换页面都很慢的解决方法相关的知识,希望对你有一定的参考价值。

form表单中控件较多,加载完成后点击都很慢,为什么?
我一页面中form表单里面上百个控件(如input、select、radio、checkbox等),还有一些js脚本,加载速度还可以,都能全部显示完毕,但是点击一些事件(如切换tab、关闭模拟框,点击radio等)都非常慢,不知道为什么? 

当我采用inprivate模式浏览时,以上动作都很快,但老用inprivate也麻烦,有何办法解决。

按理说form都在客户端显示完全了,其他操作都是客户端的操作阿应该不慢才对阿/。


------解决思路----------------------
提出多余的div ,尽量不要使用table
能够用css完成的操作不建议使用js
使用jquery替换js,充分利用jquery的选择器优势
------解决思路----------------------
我以前也遇到过。是控件太多的原因,跟TABLE和DIV等太多没有关系。
你可以测试下,把控件去掉,然后把现有的TABLE和DIV等都复制个十倍出来,响应速度依然比有控件在里面快。

其中,主要是SELECT控件多了,会明显影响响应速度。你可以在这个方向深入研究下。
 
终极解决方法:不使用form submit  用js控制传参到服务器端

以上是关于form表单中控件较多,加载完成后切换页面都很慢的解决方法的主要内容,如果未能解决你的问题,请参考以下文章

[WPF自定义控件库] 让Form在加载后自动获得焦点

如何处理前端页面首次加载慢的问题

git使用教程3-解决github网页打开慢的问题

多个NameNode的HDFS集群切换HA后,Spark应用变得很慢的处理办法

浏览器打开图片很慢(网页图片打开慢的解决方法)

为啥页面加载总是很慢?有啥办法可以解决?