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

Question

如何减少ASP.NET应用程序中的页面加载时间？什么应该是预防措施，特别是当我们与数据库交互时

e.g。

1. 明智地使用viewstate

2. 部署应用时在web.config中设置

   等

Answer 1

TechEd 2010北美的一些关键“外卖”：

• 缓存是性能的关键，请仔细考虑您的缓存策略。
• 如果可能，请停用viewstate。
• 部署应用时在web.config中设置<compilation debug=”false">。
• 考虑用于图形和其他静态内容的CDN或子域。
• 将javascript放在页面底部，CSS放在顶部。
• 考虑用于图标和其他“小”图形的CSS精灵。

你可以在这里观看在线会议，强烈推荐这些会议：

• My Web Site Is So Slow...and I Don’t Know What to Do about It!与Thomas Deml
• Web Load Testing with Microsoft Visual Studio 2010与Richard Campbell

Answer 2

  

最终用户响应时间的80％用于前端。大部分时间都在下载页面中的所有组件：图像，样式表，脚本，Flash等。

     

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

我并不是建议在已经提供的答案中忽略视图状态和数据库缓存建议。我指出，我发现更简单的改动是在IIS中打开GZip压缩，在静态元素上设置过期标头以减少服务器请求，使用smush.it等工具优化图像/ p>

使用Zoompf生成您网站的报告，以获取非常详细的报告，其中包含估算影响和易于实施评级。

Answer 3

1. 永远不要在生产调试配置下部署asp.net应用程序。找出 here scottgu 对此有何评论。

2. 使用无Cookie域来提供静态资源，如图片，脚本，样式等。每个客户端请求都与一大堆Cookie一起发送，您在服务时不需要Cookie图片或脚本。因此，将这些资源托管在无cookie的域中。

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

您会从here 中找到许多提示。

Answer 4

• 尝试尽可能减少ViewState或将其保留在服务器上
• 使用用户控件的输出缓存
使用页面上的数据或部分缓存
• 尽可能捆绑脚本和css

在重构某些内容后，请务必进行衡量，看是否有所作为。

另请注意more information。

来自Microsoft Patterns＆amp; amp;的
• Improving ASP.NET performance做法。

Grz，Kris。

Answer 5

您总是可以触发异步数据库操作并异步更新页面 - 想到AJAX更新面板。

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

您还可以采用过顶方法并减少页面的“冗长”。我通过缩小元素的名称等在产品页面上做了一次这样的乐趣，设法削减了超过50％的页面大小，但它使得标记完全不可读lol

沿着同样的路线，将缩减工具应用于css / javascript文件 - 如果压缩则合并它们，因为压缩变得更有效，而不是更少的大文件。

Answer 6

在进行优化工作之前，最重要的是指出需要优化的内容。优化技巧的优势可以发布在此处，因此最好找到您的性能问题，并提出更具体的问题以获得帮助以优化您的需求。您可以优化Web应用程序的3个部分：

Serverside性能：指出最大的瓶颈（分析器是一个简单的选项）。优化瓶颈。优化较小的问题，或在不测量时间的情况下进行优化可能会浪费时间，而大的问题仍在那里。

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

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

Answer 7

MSDN上有一篇有趣的文章，提供了10个优化ASP.Net应用程序的技巧。它在

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

Answer 8

• 尽可能多地缓存数据库
• 缩小/禁用viewstate
• 做得少（如果可能）

Answer 9

Answer 10

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

Answer 11

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

1. 托管网站时删除不需要的广告空间。
2. 将所有内联css文件合并到一个常见的.css文件中。
3. 将所有内联Java脚本合并为一个常见的.js文件，并在需要时添加对此文件的引用。
4. 使用压缩Javascript和CSS文件。
5. 尝试在网页中使用较少尺寸的较少图像。