动态/自动Javascript和CSS组合和缩小

时间:2011-10-04 09:19:30

标签: javascript asp.net css performance minify

我知道我在某个地方看到了一篇文章(特别是与Azure有关!)但是我忘记给它添加书签(doh!)并且几小时后搜索无法找到它:(

我在Azure中运行了一个MVC应用程序,其中包含多个布局页面和大约20多个javascript文件(每个文件都很长,因此它们是分开的!)。

每个布局页面都包含一些脚本和css文件,其余的都是使用@head { }添加的(razor语法用于将部分添加到正文之外的布局页面。

我不记得这篇文章是否正是我所追求的,但我想要做的是在运行时根据布局和页面组合和缩小nessessary javascript和css文件。

例如,如果我有一个布局文件:

<script src="script1.js"></script>
<script src="script2.js"></script>
<link href="css1.css" />

的页面
<script src="pagespecificscript.js"></script>
<script src="usercontrolspecificscript.js"></script>
<link href="page.css" />

我希望将2个缩小的文件发送到用户的浏览器,例如

<script src="201101010800abc-min.js"></script>
<link href="201101010800abc-min.css" />

提前致谢!

1 个答案:

答案 0 :(得分:3)

结帐RequestReduce。它是我一直在努力的项目,它缩小/合并css并优化和精灵图像。它可以动态执行此操作,无需更改代码,只需要很少的配置。下周,我将发布javascript merge / minify。我最近在博客上写了很多关于这一点的文章(http://www.mattwrock.com/post/2011/09/10/Adopt-RequestReduce-and-see-immediate-Yslow-and-Google-Page-Speed-score -improvements-not-to-a-fast-site!.aspx)所以这可能是你遇到过的文章。获取RequestReduce的最简单方法是通过nuget:Install-Package RequestReduce。

我是几个微软网站的开发负责人,我们在这些网站上部署了这个并取得了很好的成功,因此它经过了企业测试并具有可扩展性。然而,它不是微软的产品,而是我一直在贡献的个人OSS项目。它也是免费的。