..


赞助商链接

提高我们的代码jQuery的性能

由Riccardo布兰比拉写文章
第1 2

我总是发现有趣的文章,以及任何有关如何使代码更有效的讨论
我一直告诉我每次发现自己面临着一个新的语言之前,PHP,那么 Java,然后与jQuery框架。 它不仅是优化的响应时间,或只让用户体验更快,更吸引人。
了解如何优化你的代码也是对代码本身的质量,事中,我一直认为反映。
我觉得有必要去思考,作为一个程序员的工匠的工作,我们的产品是神器 ,因此,可多可少精。
有很多方法可以达到同样的效果,但有些是比别人做得更好,但不是所有的项目是非常重要的是细心的表现,总是用一个很好的办法,它会在需要的时候有用。
上有许多在线的jQuery优化资源,一些小技巧无处不在,其他的学者,其他人似乎矛盾的话,我们做一些秩序和第二个列表还签署了最佳实践 ,我们不能放弃直接经验。

使用该框架的最新版本

不要害怕去jQuery 新版本向后兼容性保证,每个版本带来的性能与使用的功能中最核心和感知的改进部分重写显著改善。 只有一个释放的时间谈论一些关于处决功能下降低到50%。 看看下图吧:

下一

使用快捷方式到DOM就绪

而不是:

 



 $(文件)。就绪(函数(){/ *逻辑* /})

 

通过使用它的快捷方式保存一些字节:

 



 $(函数(){/ *逻辑* /});

 

谈到逻辑窗口负载

这是没有必要写在文件准备好了一切。 代表的逻辑来执行的窗口加载。 例如,结合在一个长形结束点击一个按钮可以放松心情,等待被定义。






 $(函数(){



  



 / /#这里的逻辑







 });







 $(窗口)。负载(函数(){



  



 $(“ButtonID”),点击(函数(){



    



 / /#这个逻辑绑定按钮



  



 });







 });



Minificare脚本

首先,我建议你在你的Firefox(作为插件安装Firebug的 )和谷歌浏览器速度上的页面,您找到插件在这里 。 这个有用的工具,以及提供一般意见,以提高你的页面性能有一个有价值的功能:minificata版本提供了所有的脚本,你发现里面。 它也为CSS和图像也提供了优化的版本,但让我们反思我们的沉重jQuery的,我附上两个截图如下解释胜过千言万语,你做的更好:

谷歌网页的速度,因为它在Firebug中出现:

gpspeed

在点击保存为minificata得到脚本的版本:

gpspeed2

Minificare页面上的每个脚本,你可以采取节省几十KB下载。

在同一类...
电子学习
CSS(课程) CSS(课程)
网页设计和辅助功能根据W3C CSS和XHTML。 起价29€。
HTML(课程) HTML(课程)
为从29€Web标记语言。
使用Javascript(课程) 使用Javascript(课程)
完成引导客户端脚本。 从39€。
赞助商链接