如何在aspx页面中包含多个脚本文件时对其进行优化？

Question

我有一个aspx页面，其中包含对许多javascript和css文件（大约10个或更多）的脚本引用。问题是你所期望的是页面加载时间慢。我试图将一些脚本移动到页面的末尾，但这没有任何区别。我的问题是如何处理大量脚本文件以加快页面加载时间

Answer 1

'加载'时间是什么意思？

1. 是从服务器到客户端的下载时间吗？ - 合并文件，压缩文件并设置过期标头。压缩html，或渲染较少的HTML ;-)。使用内容分发网络。

2. 是页面的渲染吗？ - 检查CSS规则以确保没有次优/未使用的规则，推迟执行不需要的javascript，考虑使用jQuery实时事件。

检查你的CPU - 你可能有一些javascript更新了很多DOM或做了很长的循环。

使用 PageSpeed 或 YSlow 分析您的信息页以获取更多信息。

Answer 2

您可以使用代码混淆器来最小化文件的大小。我通常在javascript上使用Dojo的shrinksafe： http://o.dojotoolkit.org/docs/shrinksafe
或者YUI压缩器：http://developer.yahoo.com/yui/compressor/

和css的代码美化：http://www.codebeautifier.com/

但那里还有很多其他人。压缩后，您只需要确保进行完整的回归测试。

Answer 3

尝试使用与纯HTML（查看/保存源）相同的页面，以确保不会出现导致速度变慢的.NET VIEWSTATE blob。

Answer 4

其他人说的话;组合（成1 js＆amp; 1 css-file）＆amp;压缩（minimize并使用gzip output compression in IIS）。

如果你不能将所有的javascript合并到一个文件中（因为其中一些可能是外部的），你应该consider using labjs, a small library to load javascript以高效，不引人注目和高效的方式。