在Web App中使用大量库

时间:2015-07-01 07:02:41

标签: jquery performance twitter-bootstrap web-applications

我是Web App Development的新手。 我注意到,为了简化操作,必须在应用程序中包含许多库。我说的是像jquery,bootstrap,jqueryUI和css库这样的javascript库,比如bootstrap等。

现在我还发现jQuery存在两种下载,一种是完整版,另一种是min.js,我正在使用。 为此,我读到某处(不记得在哪里),一旦投入生产,拥有min.js是个好主意,因为它会让应用更快。

所以我想到的问题是它是一种权衡吗?

我在网络应用中包含的库数量是否会影响其在制作中的效果?

1 个答案:

答案 0 :(得分:0)

  

现在我还发现jQuery有两种下载方式   完整版和另一个是min.js,我正在使用它。对于   那个,我在某个地方读过(不记得在哪里)曾经在制作中,   拥有min.js是一个好主意,因为它会使应用程序成为   更快。

min.js one是完整版的缩小版。大致简化它会删除多余的空格和字符,缩短变量名称等,以减小js文件的大小

除非你是一个非常快速的网络(想想Intranet /本地html文件),否则缩小会加速你的js文件下载。 如果您的js文件是渲染屏蔽资源,则表示您的网页渲染速度更快。

https://developers.google.com/speed/提供了一套优秀的工具来优化您的网站以提高速度。 https://developers.google.com/speed/docs/insights/rules有规则和解释

  

所以我想到的问题是它是一种权衡吗?

在某种程度上,它是在较小的文件(即更快的网站下载)和可读性(您不能轻易理解缩小的文件)/构建复杂性之间的权衡(大多数应用程序将包括构建步骤其中开发非缩小版本的脚本文件与其缩小/连接版本进行交换以进行生产。

然而,使用源映射(请参阅http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/)和IDE插件/良好的构建工具,这将成为一个非常低的开销。

  

我在网络应用中包含的库的数量是多少   影响其在生产中的表现?

是的,确实如此。下载时间和脚本执行时间将影响感知(用户可以多快开始使用页面)和实际性能(更多脚本=更多资源,尽管这不是一个问题)。

你可以懒得加载你的脚本(例如requirejs.org/),优化你的库文件以排除你不需要的东西(例如http://getbootstrap.com/customize/http://jqueryui.com/download/),使用CDN(请参阅http://gtmetrix.com/why-use-a-cdn.html),确保将脚本设置为缓存等。

这绝不是全面的清单,而是一条忠告。在性能方面,先测量,然后根据导致(感知或实际)性能问题的原因找出您想要优化的内容,这是最好的(也是富有成效的)。 p>

Here是data.stackexchange上使用的一个这样的工具,但还有很多其他工具。

tldr;是