动态/自动Javascript和CSS组合和缩小
Dynamic/Automatic Javascript and CSS Combining and Minification
我知道我在某个地方看到过一篇这样的文章(特别是与Azure相关的!),但是我忘了收藏它(doh!),搜索了几个小时后,到处都找不到它:(
我有一个MVC应用程序在Azure上运行,有多个布局页面和大约20多个javascript文件(每个都很长,因此它们是分开的!)。
每个布局页面包括几个脚本和css文件,其余的使用@head { }
(razor语法)添加到正文之外的布局页面。
我不记得这篇文章是否正是我想要的,但我想做的是结合并最小化必要的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" />
提前感谢!
查看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-mention-a-faster-site!.aspx),所以这篇文章很可能是你遇到的。获取RequestReduce最简单的方法是通过nuget: Install-Package RequestReduce.
我是几个微软网站的开发主管,我们已经成功地部署了这个,所以它是企业测试和相当可扩展的。然而,它不是微软的产品,而是我一直致力于的个人OSS项目。
- 我应该连接/缩小已经缩小的JS/CSS吗?如果是,如何
- 颗粒-JavaScript/CSS缩小SIMPLE/ADVANCED优化不起作用
- 如何使用CSS或JQuery使整个网页看起来更小(就像Chrome的缩小功能一样)
- 将javascript和css内联放在一个缩小的html文件中以提高性能
- 当使用HTTP/2时,缩小和连接JS/CSS文件,以及使用精灵进行图像处理仍然可以提供性能优势
- 如何用CSS和Javascript缩小HTML
- css:缩小时保持浏览器居中.css中的
- 缓存和缩小dojo、jquery-js和CSS的最佳java工具
- 在linux,服务器端缩小并加入CSS和JS文件
- 在 CSS 缩小后吞噬同步内联 CSS
- 在CodeIgniter中有效地缩小CSS和JS
- 为什么使用 grunt-contrib-cssmin 会改变我的 css,而它应该只缩小它
- 如何使用自定义配置缩小 CSS 和 JS
- 从 webpack 的 ExtractTextPlugin 和 style-loader 中缩小 css
- CSS缩小Magento的默认功能不起作用
- Can Kentico's脚本和css缩小被禁用用于开发环境
- 如何在ASP.NET MVC 4 Beta中禁用Javascript/CSS缩小
- JS和CSS缩小&结合使用Xpedite
- Grunt CSS缩小和谷歌字体
- 提高CSS缩小元素的图像质量