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

Question

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

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

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

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

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

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

Answer 1

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

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

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

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