通过CDN（Content Delivery Network）引入jQuery库

 要提升网站中javascript的性能的最简单的一步就是引入最新版本的jQuery库，新发布的版本通常在性能上会有更好的提升而且也修复了一下bug。或者通过CDN引入也是很好的选择,通过CDN引入能够减少网站的加载时间。以下是一些CDN服务：

一些国内的CDN服务：

减少DOM操作

虽然javascript性能上有了很大的提升，但是DOM操作还是很耗费资源的，需要减少对DOM操作。当在一个页面中插入大量的元素的时候，尤其重要。例如：

将所有的元素缓存起来一次插入性能上会有所提升，因为只触发页面一次重绘。对于CSS样式属性也是同样的道理。

更多阅读： 前端页面卡顿？可能是DOM操作惹的祸，你需要优化代码

适当使用原生JS

创建jQuery对象会带来一些开销。所以，如果比较注重性能的话，尽可能使用原生的javascript。在某些方面可能会更容易理解和写更少的代码。例如：

console. log(

JS:

iterations = 10000console.time('Fancy'console.time('Parent-child'console.time('Parent-child by class'$('#peanutButter .jellyTime'console.time('By class name'$('.jellyTime'console.time('By id'firstsecondthirdfourthfifth

JS：

pancakes = $('#pancakes li'定义一个可以复用的函数

直接上例子：

HTML：

Show Menu!Show Menu!

JS：

$('#menuButton, #menuLink' ). click('Showing menu!''#menuButton'ItemItemItemItemItemItemItemItemItem

JS:

console.time('Native Loop'length =console.time('jQuery Each''jQuery Each');

结果：

可以看到通过数组实现方式遍历，执行效率更高。

//-------------------------------------------------------持续更新...

以上是一些搜集知识的总结，如有任何建议或疑问，欢迎留言讨论。