javascript - 如何针对慢速数据连接优化我的网站？

Question

此处的解决方案效果很好，但它们非常耗费人力。对于希望在旧的 asp.net 解决方案上执行类似增强功能的任何人，我强烈建议将项目切换到 MVC 以利用脚本和样式捆绑。 .aspx 文件在 MVC 项目中按预期工作。

---

我即将开始为我们的一个产品执行一些性能增强。 我们的用户使用非常慢的 radio 连接到网络。应用的主要瓶颈是网络和数据库。我将专注于减少应用程序的网络足迹。

在深入了解拆开 UpdatePanel、删除不必要的内容以及我能想到的任何其他内容之前，我将从一些“快速获胜”开始。现在我有一些我认为我已经准备好实现的事情
这些包括

• 压缩和合并 css Using This
• 压缩和合并 js same as above
• 从发送给客户端的 html 中删除多余的空格。 Using this

编辑:资源缩小和空白清理工具可以很好地协同工作。

但是我不确定如何解决一些问题。

1. 某些 Microsoft 资源(WebResource.axd?d=blahblah 和 ScriptResource.axd?d=blahblah)未缩小。 This和 This和其他一些取决于页面。 Microsoft.Ajax 虽然很好。如果这些文件没有被自动缩小，我该如何手动缩小它们？我在某处缺少设置吗？

2. 是否可以使用我的 javascript 将 Microsoft 资源合并到一个 js 文件中？

3. 401 错误，在 fiddler 中，我可以看到我第一次访问网站时总是出现 401 错误，紧接着是正常的 200。此外，其他资源在第一次调用时也会随机出现 401。这是某种需要配置的 IIS 设置来删除这个不需要的调用吗？

4. aspx 文件中的 Javascript。不幸的是，我们的 aspx 文件中有很多 js，还有很多使用 ScriptManager.RegisterStartupScript 呈现的 javascript。在我们的代码背后。我将如何在 <script> 中缩小 javascript？ aspx 标记中的标记？

5. Favicon，这个可以禁用吗？如果不是，下一个最好的事情是什么？

更新

1. Mads Kristensen 的组合器效果很好。但是我发现一些包含 14+ axd 引用的页面存在问题，会产生 404.15 错误(查询字符串太长，即只有错误)我的解决方案是对查询字符串进行 gzip 和 base64 编码。

2. 我发现将我的 js include 与 .axd 文件结合起来是一项徒劳的任务，因为每个页面的 .axd 文件都不同。将我的静态 js 文件分开会产生额外的服务请求，但它将保留在客户端缓存中，而不是让客户端重新下载这些脚本作为合并的 js axd 文件的一部分。

3. 我启用了匿名身份验证。没有更多问题。

4. 没有进展。

5. 我发现将 favicon.ico 放在根目录是必要的。我认为这可能只是因为我的应用程序的设计方式。

Answer 1

合并 Microsoft 脚本资源: 查看我的 ContentGator我用来拦截对 WebResource(以及其他脚本和 css)文件的请求并将它们合并在一起的项目。我已经有几年没有更新它了，所以我不能说它开箱即用的效果如何，您至少应该能够重用一些代码。我想我不记得添加了缩小，但你应该能够很容易地添加它。我认为它也有与 RegisterStartupScript 的 Hook ，或者它的替代品，您应该能够再次在其中连接缩小。

Favicon，据我所知，无法禁用，因为浏览器默认要求它。如果你真的不想要它，你可以只放置一个 1x1 像素的 ico，这样你就不会提供 404，随后的请求将导致 304。为此使用 CDN 并没有什么坏处您的其他静态资源也是如此。

此外，查看 http://developer.yahoo.com/yslow/了解其他更通用的网络优化技巧。

我脑子里浮现的其他事情:

• 使用sprites尽可能的图片
• Output Caching