javascript - Css/Js 的缩小 - 正确的方法?

标签 javascript jquery css asp.net-mvc minify

在我的元素中,每个页面都有一堆依赖的 Javascript 和 Css。在开发过程中,我只是将这段代码直接转储到页面中,但现在我想清理它...

看起来一般的方法是将应用程序的所有 Javascript/CSS 打包成两个最小化的大文件。

这种方法的好处是它减少了带宽,因为所有前端代码只从服务器拉入一次......但是,我担心我会通过定义一个整体来增加应用程序的内存占用每个页面都有大量我实际上并不需要的功能 - 这就是为什么我一开始就在每页的基础上使用它们。

这是其他人关心的事情吗?或者有什么方法可以解决这个问题?

是的,我考虑过创建条件函数,因为无论如何我都需要为每个页面有条件地运行代码 - 尽管在我看来这开始有点老套了。

此外,定义一大堆从未使用过的 Css 是否需要花费大量成本?

最佳答案

为应用程序提供 javascript/CSS 服务,允许浏览器缓存所有页面所需的一切。如果您网站的标准用例是用户会停留并四处浏览一段时间,那么这是一个不错的选择。

但是,如果您希望快速加载着陆页,因为用户有可能离开,请考虑仅提供此页面所需的 CSS/javascript。

就大型 CSS 文件的性能开销而言 - 没有什么是值得注意的。所有现代浏览器都针对应用样式进行了高度优化。

至于你的 javascript - 尽量不要使用条件函数创建,条件命名空间创建是可以接受的并且是必需的,但你的函数应该只在一个地方声明。

关于javascript - Css/Js 的缩小 - 正确的方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8581465/

相关文章:

javascript - jQuery 追加 onclick

html - 'display: table-row-group' 的嵌套 div 布局不正确

javascript - Android WebView getElementById ('math')不能动态工作

javascript - 如何计算两个日期之间的秒数?

javascript - 幻灯片和圆点的光滑 slider 数量

jquery - 以不同分辨率居中 div

javascript - 动画结束后旋转div

javascript - 增加叠加层 <div> 的不透明度会使较高和较低堆叠的内容变暗,而不仅仅是较低的堆叠

javascript - 在主干网和 Rails 之间共享过滤、排序和验证逻辑

JavaScript 计算机人工智能