大型项目(社交媒体)的Javascript / jQuery优化

时间:2014-12-24 20:40:20

标签: javascript jquery html

我正在开发一个LinkedIn规模的社交媒体网站,我正在努力解决与JS相关的一些问题。随着项目的进行,JavaScript / jQuery的要求越来越高。我猜测到项目结束时,每个页面上所需的jQuery平均文件大小为1.5MB,这是一个坏主意。图像上传,评论等更新的功能几乎在每一页上。

我的问题是如何优化jQuery?我可以在这个项目中使用哪些技巧或概念来降低文件大小以及执行这些功能(还有更多不仅仅是上面的功能)?

这里我已经实现了: 1.通过PHP插件压缩/缩小jQuery 2.仅在需要时使用jQuery.getScript()加载文件 3.将一个大型JS文件分成几个单独的文件,以便更快地完成加载 4. HTML优化(Google Pagespeed)

2 个答案:

答案 0 :(得分:1)

我听说有人使用YUI Compressor,它具有更好的压缩率'比大多数其他工具。目前还不确定你用于压缩的是什么,但这可以提供一点点改进。 http://yui.github.io/yuicompressor/

答案 1 :(得分:1)

使用CDN (Content Delivery Network)来提供jQuery。浏览器很可能会缓存库和每个加载的页面,实际上不需要再次下载库。如果我没错,这就是使用CDN的主要原因之一。

否则,您应该在每页上重新考虑自you might not need jquery after all以来的依赖/开发策略。至少不是全部。