## 技术/思想的斗争 什么是技术思想的斗争？ 当解决问题有多种方案，每一种都有各自的优缺点，那么此时怎么选择做决定呢？这很痛苦，因为每一种选择都意味着失去。 在下面这个列表列出了一些问题中出现了技术/思想斗争： - 网页加载文件 曾经在[网站静态文件之思考](http://www.kancloud.cn/xiak/quanduan/226934)这个问题中我们有过探讨，为了合理规划网页加载的资源，让用户只加载必要的，不必浪费流量，你能想象一下2g网络下打开网页龟速吗，你能想象流量用超了之后，每超出1kb之后如果没有补办流量加油包的话，会扣多少钱吗？所以，只加载所需，并且只在需要的时候，按需加载（懒加载）有多么的重要。 通过这样规划设计出来的网页，不会浪费用户流量，进首页就不会加载商品页所用到的样式，这样用户第一次访问网页就会很快，并且没有浪费不必要的流量，同样用户再进商品详情页也不会很慢。等到第二次再访问已经访问过的页面就会很快了，因为有了缓存。 但是很多人又说这样不行啊，公用的提出来，每个不同的页面还有各自的文件，那么用户第一次进来至少需要加载两个文件，这增加了http请求数，并且由于浏览器同步加载文件数量有限啊，等等理由，总之就是这样不行了。现在需要把这两个文件打包啊，打包成一个文件啊，这样只加载一个文件，就减少了http请求数了，但是问题又出现了，当我们把好几个页面都打包到一起时发现，这个文件如此大，甚至1MB了，呵呵，这能接受吗？在我的印象中，网页中用到的静态文件一般都很小，即使是最大的图片文件一般也都在500kb左右，一个js就1MB，这还能忍吗？又有人要开始说了，现在什么年代了，都是3G，4G，WiFi了好不好，这点大小怕是那么，传统思维要改变了，js文件1MB还好了，又不大，你真没见过世面，这样的好处还有用户次下次在访问其他页面比如商品页就不需要在加载文件了，只是第一次慢一点，此后的访问都会很快，这不好吗？我想说，呵呵，谁说我要继续访问其他页面了啊，我就访问一次而已，2G 网络，看你一个新闻，你把商品页的样式给我干什么，浪费我流量，不要脸！ 已经没法沟通了，简直！ 一切都应该是为了用户，为了体验。 要快就得减少文件大小，减少加载文件的数量（减少http请求数）。 可是文件数量减少了，http请求数减少了，你丫却把文件给整大了。你让我怎么说你。 要快，就要减少文件体积，就要减少http请求数。 但是减少http请求数之后文件又大了，**这不是相互矛盾吗，世上哪有最锋利的矛和最坚固的盾啊。** — 有，但它们不能同时存在。 似乎二者不能并存，如何消除隔阂，取到一个同时兼顾二者优点的方案呢？ 这就是我们的两难，我们的斗争。 ### 扩展 参考： - [网站静态文件之思考](http://www.kancloud.cn/xiak/quanduan/226934) - [程序员小测试：保守派 vs 自由派](http://www.ruanyifeng.com/blog/2016/09/conservative_vs_liberal_programmer.html) >[info] require.js要求，每个模块是一个单独的js文件。这样的话，如果加载多个模块，就会发出多次HTTP请求，会影响网页的加载速度。因此，require.js提供了一个优化工具，当模块部署完毕以后，可以用这个工具将多个模块合并在一个文件中，减少HTTP请求数。 引自：[Javascript模块化编程（三）：require.js的用法 - 阮一峰的网络日志](http://www.ruanyifeng.com/blog/2012/11/require_js.html) update：2017-3-8 11:34:04