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表单里面上百个控件(如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表单中控件较多,加载完成后切换页面都很慢的解决方法的主要内容,如果未能解决你的问题,请参考以下文章