如何减少ASP.NET应用程序中的页面加载时间?

TechEd 2010北美地区的一些关键“攻略”:

• 缓存是性能的关键,请仔细考虑缓存策略。
• 如果可能,禁用视图状态。
• 集合 <compilation debug=”false"> 部署应用程序时在web.config中。
• 为图形和其他静态内容考虑cdn或子域。
• 将javascript放在页面底部,CSS放在页面顶部。
• 考虑图标和其他“小”图形的CSS精灵。

您可以在这里在线观看会话,强烈建议您同时观看:

• My Web Site Is So Slow...and I Don’t Know What to Do about It! 和托马斯·德姆在一起
• Web Load Testing with Microsoft Visual Studio 2010 理查德·坎贝尔

80%的最终用户响应时间花在前端。大多数时候,下载页面中的所有组件都被捆绑在一起:图像、样式表、脚本、Flash等。

http://developer.yahoo.com/performance/rules.html

我不是建议忽略已提供答案中的视图状态和数据库缓存建议。我要指出的是,对于我发现的更简单的修改是在IIS中打开gzip压缩,在静态元素上设置到期头以减少服务器请求,使用诸如 smush.it

使用运行站点报告 Zoompf 对于一个非常详细的评估影响和易于实施的评级报告。

1. 从不在调试配置下部署ASP.NET应用程序 关于生产。找出 here 什么 scottgu 不得不说这个。

2. 使用无cookie域 为了提供静态资源,如图像、脚本、样式等。每个客户机请求都与整个cookie一起发送,在提供图片或脚本时不需要cookie。所以把这些资源放在一个没有cookie的域上。

3. 缩小脚本、样式表和HTML响应 从服务器。删除不必要的换行符和空白可以提高加载时间和带宽优化。

你会 从中查找许多提示 here .

• 尽量最小化视图状态或将其保留在服务器上
• 通过使用用户控件的输出缓存,使用页面上的数据或部分缓存
• 尽可能多地捆绑脚本和CSS

总是在重构某个东西之后进行度量,以查看它是否会产生影响。

另外,请在这里看看 more information .

• Improving ASP.NET performance 来自Microsoft模式和实践。

Grz,克里斯。

您可以随时触发异步数据库操作,并让页面异步更新—Ajax更新面板出现在您的脑海中。

还有页面输出缓存,如果页面基本上是静态的,则非常有用。它还可以基于参数来完成,因此您可以潜在地缓存为给定的数据库搜索创建的页面。

你也可以采用最上层的方法,减少页面的“冗长”。我曾经在一个产品页面上做过一次,通过缩小元素的名称等,设法减少了页面大小的50%,但它使标记完全不可读lol

按照同样的方法,将缩减工具应用于CSS/javascript文件-如果压缩比较小的大文件更有效,也可以合并它们。

在进行任何优化工作之前,最重要的是指出需要优化的内容。这里可以发布千条优化提示,因此最好找到您的性能问题,并提出一个更具体的问题,以帮助您优化所需内容。您可以优化Web应用程序的3个部分:

服务器端性能:表示最大的瓶颈(分析器是一个简单的选择)。优化瓶颈。优化较小的问题,或者在不测量时间的情况下进行优化,在大型问题仍然存在的情况下,可能会浪费时间。

客户端性能:从yslow或google page speed等工具中获取建议。

带宽:以尽可能少的请求量向用户发送尽可能少的数据量。

有一篇关于msdn的有趣文章提供了10个优化ASP.NET应用程序的提示。其AT

http://msdn.microsoft.com/en-us/magazine/cc163854.aspx

• 缓存尽可能多的数据库读取
• 减少/禁用视图状态
• 少做(如果可能的话)

• 使用MS Visual Studio 2010有助于 您正在为优化.NET代码 更好的性能。
• 当你 背景中有很多图像。
• 压缩javascript的内容 使用gzip compresser和css的文件 通过删除空白和 评论。
• 避免使用HTML注释 “视图”对客户端可见 source“浏览器中的选项,其中 也会减小文件大小。
• 把大部分不必要的 页面底部的javascript。 为了更好的性能 dynamically load the JavaScript references 之后 正在加载页面上的内容。

在应用程序中始终使用请求加载概念。尽量避免页面加载时不需要的数据库点击。如果页面加载时有大量数据,那么可以使用Ajax请求调用。

以下信息用于减少页面加载时间

1. 托管网站时删除不需要的行空间。
2. 将所有内联CSS文件合并到一个公共.css文件中。
3. 合并将所有内联Java脚本转换成一个通用的.js文件,并在需要时添加对该文件的引用。
4. 使用压缩javascript和css文件。
5. 尝试在网页中使用较小大小的图像。