EXT 4.1 grid性能问题
hss118100
2013-05-30
EXT 4.1在构建单页面程序的时候 grid表格如果展示列、按钮等过多,在IE6、7、8下(主要是IE7、8)渲染速度会非常慢,有没有人做过EXT 4.1的性能优化的?真心求教
|
|
lihao312
2013-05-30
建议Ext 不考虑IE浏览器, Ext大部分都是公司内部项目, 像erp、oa、crm、cms等
这样可以限制公司内部人改google比较快的。 ie真的不好用的。 像bootcss框架 人家都开始鄙视ie了. 其实grid4+ 比3+灵活也速度快了很多了。 我现在还在用3+呢 |
|
zhengeili
2013-05-31
IE 害了 多少开发者
|
|
hss118100
2013-05-31
lihao312 写道 建议Ext 不考虑IE浏览器, Ext大部分都是公司内部项目, 像erp、oa、crm、cms等
这样可以限制公司内部人改google比较快的。 ie真的不好用的。 像bootcss框架 人家都开始鄙视ie了. 其实grid4+ 比3+灵活也速度快了很多了。 我现在还在用3+呢 我们一开始给客户说过建议使用IE9或者chrome浏览器,但是客户说不能要求我下面的人固定一个浏览器.....结果还好最后可以不需要IE6,但是IE7、8是必须的.....这个你们有过性能调优经验吗?可否传授一下 |
|
need_faith
2013-06-02
hss118100 写道 lihao312 写道 建议Ext 不考虑IE浏览器, Ext大部分都是公司内部项目, 像erp、oa、crm、cms等
这样可以限制公司内部人改google比较快的。 ie真的不好用的。 像bootcss框架 人家都开始鄙视ie了. 其实grid4+ 比3+灵活也速度快了很多了。 我现在还在用3+呢 我们一开始给客户说过建议使用IE9或者chrome浏览器,但是客户说不能要求我下面的人固定一个浏览器.....结果还好最后可以不需要IE6,但是IE7、8是必须的.....这个你们有过性能调优经验吗?可否传授一下 这是个技巧问题,建议在系统登录页面首页,增加一个自动检验脚本,如果是IE浏览器,给出chrome的离线下载链接,客户都是傻瓜,他们自然乐意这种方式 |
|
andy_ghg
2013-06-03
完整参照Ext JS的MVC去写代码。并充分考虑代码的通用性。
使用自己的美工通过Compass和Sass去降低他的CSS复杂度(现在不是流行扁平化设计么) 尽可能的减少前端的逻辑处理代码。 花哨是需要性能作为代价的,因此,尽量避免写一些大版面的表单,如果表单项巨大,可以尝试ifram加载jsp去做,只要色差不是太明显,最终效果还是可以的。 在body里面加一些元素吧,这样至少可以省掉一部分创建dom的性能(不过这个真心对性能提升不是很大)。 尽量使用它原生自带的组件。 发布的时候一定要通过 Sencha CMD 去做代码优化。 在系统不起眼的地方放上一小段推荐文字:使用XXX浏览器能够有效的提升系统性能。用户尝试一遍之后基本就不会在换回IE了。 |
|
hss118100
2013-06-03
引用 发布的时候一定要通过 Sencha CMD 去做代码优化。 我想问下这个怎么做优化?我装了这个东西了,但是不太会用.....求教
|
|
andy_ghg
2013-06-04
hss118100 写道 引用 发布的时候一定要通过 Sencha CMD 去做代码优化。 我想问下这个怎么做优化?我装了这个东西了,但是不太会用.....求教 这个要说起来有一大堆,所以在这边就介绍你去哪里找资料吧。 在API里面有一个关于这个工具的使用方法,你所要做的就是按照他的API所说的建立标准的MVC框架,然后通过命令行的形式进行压缩。 它有两种方法进行压缩,第一种是根据目录结构(本地的)去压缩你的整个代码 例如 cd path/to/{您的工程目录} sencha create jsb -a index.html -p app.jsb3 第二种是通过URL地址(远程)去压缩你的代码。 sencha create jsb -a http://localhost/helloext/index.html -p app.jsb3 我们通常是使用本地的方式。 在建立好JSB(程序清单)之后,我们就可以通过这个JSB文件对程序进行压缩了。 sencha build -p app.jsb3 -d 执行上面的命令之后,您会得到两个压缩好的文件: all-classes.js:这个文件包含了您的程序所有需要的js代码。包括Ext JS的核心代码在内。该文件用于您的程序调试。 app-all.js:这个文件与上面类似,只是该文件是压缩过的。在正式发布的时候请使用此文件。 使用前提:您的工程必须是标准的MVC架构(我本人没试过其他形式的代码),最好使用sencha CMD这个工具来创建工程(它会自动帮你创建好标准的MVC架构的Ext JS工程)。 更多的信息请参考他的API文档中关于这部分的表述。 或者欢迎光临我的小博查看Ext JS 4.x的一些翻译性文章。http://www.uniorder.com,我会找机会翻译 API 上面关于此工具的用法。 |
|
damoqiongqiu
2013-06-04
貌似4在整体上性能比较差,不知道4.2有没有质的提升
|
|
hss118100
2013-06-04
andy_ghg 写道 hss118100 写道 引用 发布的时候一定要通过 Sencha CMD 去做代码优化。 我想问下这个怎么做优化?我装了这个东西了,但是不太会用.....求教 这个要说起来有一大堆,所以在这边就介绍你去哪里找资料吧。 在API里面有一个关于这个工具的使用方法,你所要做的就是按照他的API所说的建立标准的MVC框架,然后通过命令行的形式进行压缩。 它有两种方法进行压缩,第一种是根据目录结构(本地的)去压缩你的整个代码 例如 cd path/to/{您的工程目录} sencha create jsb -a index.html -p app.jsb3 第二种是通过URL地址(远程)去压缩你的代码。 sencha create jsb -a http://localhost/helloext/index.html -p app.jsb3 我们通常是使用本地的方式。 在建立好JSB(程序清单)之后,我们就可以通过这个JSB文件对程序进行压缩了。 sencha build -p app.jsb3 -d 执行上面的命令之后,您会得到两个压缩好的文件: all-classes.js:这个文件包含了您的程序所有需要的js代码。包括Ext JS的核心代码在内。该文件用于您的程序调试。 app-all.js:这个文件与上面类似,只是该文件是压缩过的。在正式发布的时候请使用此文件。 使用前提:您的工程必须是标准的MVC架构(我本人没试过其他形式的代码),最好使用sencha CMD这个工具来创建工程(它会自动帮你创建好标准的MVC架构的Ext JS工程)。 更多的信息请参考他的API文档中关于这部分的表述。 或者欢迎光临我的小博查看Ext JS 4.x的一些翻译性文章。http://www.uniorder.com,我会找机会翻译 API 上面关于此工具的用法。 多谢 |