问题标签 [web-optimization]

我的 Angular 应用程序由 ASP.NET webapi 支持，我在其中提供一个 index.html，而 Angular 则从那里处理其他所有内容。我想使用捆绑，但我不知道该怎么做。我必须使用剃刀（或网络表单）来引用捆绑包吗？或者是否有一个选项可以给捆绑输出一个固定的名称，我可以在我的 src/hrefs 中引用它？

澄清一下，我没有使用 MVC 或 Webforms 来提供 html。你只是被重定向到 index.html ，并且路由都是客户端的。我的包配置是使用 WebActivator.PostApplicationStartMethod 完成的。

我正在尝试使用新的 .net 4.5 webforms 控件在我的母版页中呈现包。我在我的 BundleConfig.cs 中定义了一个 scriptbundle，如下所示：

然后我尝试使用新<webopt:BundleReference>控件呈现包：

但是当页面渲染时，输出的是<link>标签，而不是标签：

此控件是否仅用于呈现样式？还是我做错了什么？如何使用 webopt 控件而不是<%: Scripts.Render() %>语法来呈现脚本包？

我有几个文件想要包含在使用 Web 优化的捆绑包中，但其中一个文件在缩小后当前中断。有没有办法将该文件包含在未缩小的捆绑包中，同时仍然缩小所有其他文件？

大意是这样的：

bundleCollection.Add(new ScriptBundle("Name").Include(fileArray)).IncludeUnMinified(fileArray2);

我正在尝试使用 System.Web.Optimizations 缩小 css 文件，但它不起作用

• 我已经运行了启用优化和调试 = false 的站点
• 同一位置没有预压缩文件
• .net 4.5，IIS Express
• System.Web.Optimizations 1.1.0.0，WebGrease 1.6.5135.21930。我尝试将 WebGrease 更新到最新版本，但没有成功
• 我在捆绑文件中没有收到任何缩小错误，只是未缩小版本的文件

这个版本也试过了。fontAwsomeBundle.Transforms.Add(new CssMinify());

ASP.NET Web 优化框架在 CSS 缩小中引发错误，我尝试、验证并尽一切努力修复，但似乎是框架错误

这只是一个单行测试，看看它是否仍然有效但不工作。

有没有办法将一串 JS/CSS 添加到包中。

或者，有没有办法将 JS/CSS 从 url 加载到包中？

背景：我正在使用 HTML 5 Offline App Cache 并动态构建清单文件。基本上，清单文件需要列出您的页面将请求的每个静态文件。当文件实际上是静态的时效果很好，但我在 中使用捆绑和缩小System.Web.Optimization，所以我的文件不是静态的。

当在 DEBUG 中加载符号时（即在 VS 中调试），然后从 MVC 视图调用实际的物理文件。但是，在发布模式下，它会调用一个看起来像这样的虚拟文件：/bundles/scripts/jquery?v=FVs3ACwOLIVInrAl5sdzR2jrCDmVOWFbZMY6g6Q0ulE1

所以我的问题是：如何在代码中获取该 URL 以将其添加到离线应用程序清单？

我试过了：

除了替换GenerateBundleResponse()为EnumerateFiles(), 但它总是返回原始文件路径。

我也愿意接受替代实施建议。谢谢。

更新：（7/7/14 13:45）

除了下面的答案，我还添加了这个 Bundles Registry 类来保存所需静态文件的列表，以便它在所有浏览器中以调试模式工作。（见下面的评论）

我对这个解决方案一点也不满意。如果您可以对此进行改进，请提出建议。

我们正在使用带有 web 优化 1.1.0.0 的 asp.net MVC 的捆绑和缩小。以前它工作正常，但我们现在面临问题。

我们更改了其中一个 js 文件，它没有反映在缩小中，它采用旧 js 文件进行缩小。它还更新了一旦文件被更改。

每当我们添加“BundleTable.EnableOptimizations = true”时，它都会使用旧的 js 文件进行缩小并将其呈现在 UI 上。当我们“BundleTable.EnableOptimizations = false”时，它会在 UI 上呈现更新的 JS 文件。

有人有建议吗？

Google 建议通过内联小的 CSS 和 javascript 来优化网页。

参考：https ://developers.google.com/speed/pagespeed/service/InlineSmallResources

但是我们应该在什么时候停止内联，是否有一个建议的最大字符数，一个文件在引用而不是内联文件之前应该是更好的？

问题如下。

我想检测可以在我的网页上优化的文件（主要是图像）。一种方法是使用 Google PageSpeed，但随后我只得到确切网页的结果（如 bbc.com）。我想立即（在一个列表中）获得所有子页面（如 bbc.com/xyz 或 bbc.com/sdasdwe）的优化建议。如果有帮助，我的网页中有 Google Analytics 代码。

是否可以？