这应该是我见过第一个网站，线上代码不压缩的网站。

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 2326 天前的主题，其中的信息可能已经有所发展或是发生改变。

3m 未压缩的文件也敢用。

打开需要好几分钟。

而且我没开 disable cache 的，依旧打死不缓存。。。每次刷新都是重新加载。

哎呀，好气啊。

这是 vendor.js 的内容

第 1 条附言 · 2018-07-10 17:49:03 +08:00

换了阿里的 dns，貌似没用

貌似真的没有开 gzip。。。

第 2 条附言 · 2018-07-11 14:34:19 +08:00

已经修好了。
运营的锅。
https://github.com/easy-mock/easy-mock/issues/194

压缩

vendor

disable

Cache

43 条回复 • 2018-07-12 14:27:59 +08:00

LokiSharp

2018-07-10 15:13:44 +08:00

不压缩不是挺好，干嘛要压缩

LeungJZ

2018-07-10 15:21:29 +08:00

@LokiSharp
不压缩有什么好的，我不懂。

vibbow

2018-07-10 15:28:29 +08:00

有了 gzip 以后，压不压缩代码的实际意义不大。

vibbow

2018-07-10 15:31:38 +08:00

@LeungJZ
至少从加载体积上讲压缩代码（去空格，改变量名这种的）没什么实际意义，服务器 gzip 压缩后可能就省了 1K 2K
但是压缩代码后的 JS 及其难调试。

opengps

2018-07-10 15:32:31 +08:00

不压缩就不压缩吧，我一直没开过压缩是不是要被骂，原因很简单：第一没去了解，第二目前没有明显影响，第三为了方便发现问题自己容易调试。
不过 3M 的 js 文件，恐怕压缩也小不了多少

hand515

2018-07-10 15:34:29 +08:00

压缩+混淆能到几百 K 吧

odirus

2018-07-10 15:36:18 +08:00

归结为一点，项目规模不大，没有使用 CDN。

如果使用 CDN，本地缓存指令都应该是处理好了的。

airyland

2018-07-10 15:43:26 +08:00

看起来是像是把 npm run dev 开发模式直接上线了。一般 build 出来的文件是有 hash 的。

coolcoffee

2018-07-10 15:49:40 +08:00

这个 webpack 配置应该是那作者自己写的，现在 vue/cli 和 create react app 都在 dev 模式下面不输出文件，直接内存里面读写，要发布必定要经过 build。

599316527

2018-07-10 15:54:27 +08:00

没压缩是一回事儿
cache-control 没配对是另外一回事儿

qqjt

2018-07-10 15:54:50 +08:00

laravel 用 npm run production 就好了

kindjeff

2018-07-10 16:08:32 +08:00

找了个 3M 的 vendor.js 做了个实验，事实证明上面几层说的是对的

ryd994

2018-07-10 16:14:02 +08:00 via Android

@kindjeff without blank 什么鬼………
人家说的是 closure compiler

slime7

2018-07-10 16:16:44 +08:00

我还见过一个首页是 `http://域名 /dist/` 的，去掉 dist 就 404 了，忘记啥域名了。

shiny

2018-07-10 16:20:57 +08:00

不知道 brotli 的效果比起 gzip 效果如何

qiaobeier

2018-07-10 16:22:48 +08:00

@vibbow source map 了解一下？

DOLLOR

2018-07-10 16:32:40 +08:00 via Android

@LokiSharp
主要怕有些🐷队友把敏感信息写在注释里😌

vibbow

2018-07-10 16:42:39 +08:00

@qiaobeier 所以不压缩就好了呀

qiayue

2018-07-10 17:16:31 +08:00

打开很慢，看看是不是你的 dns 问题，换个 dns 试试

LeungJZ

2018-07-10 17:40:05 +08:00

@vibbow
压缩后的代码，有 map 啊老铁。

@airyland
hash 值可以去掉。看 dist 目录应该是线上版。

@vibbow
未压缩，3m
压缩后再 gz，顶天 1m。

barbery

2018-07-10 18:04:16 +08:00

压缩后再 gzip 还是能省不少空间的

jevonszmx

2018-07-10 18:06:59 +08:00

@vibbow 压缩就省了 1K - 2K ？？？

调试？？ map 文件了解一下

stevenbipt

2018-07-10 18:40:54 +08:00 via Android

细节问题，貌似压缩的代码网上有网线就能直接还原回去😴😴😴

honeycomb

2018-07-10 18:41:58 +08:00 via Android

@LeungJZ 这年头还有既不开 gzip 也不开代码压缩的

oonnnoo

2018-07-10 19:43:13 +08:00 via Android

小网站的话，随便玩，反正没人用

LeungJZ

2018-07-10 22:24:35 +08:00 via Android

@oonnnoo 然而还挺多人在用。很多人反应经常 502

LeungJZ

2018-07-10 22:30:32 +08:00 via Android

@opengps 是的，如果是我接手的项目，不压缩，我肯定会骂的。
第一，压缩后的代码，人基本是看不懂的，这可以防 85%的小白。
第二，压缩后的代码和不压缩，体积一般相差甚远。更别提开了 gzip 后的压缩代码。在小水管服务器上很能体现出来压缩与否的区别，比如这个网站。
第三，其实压缩后只要保留 map 文件，调试不是问题。
第四，网页加载速度很影响用户体验，加载 1s 和 2s，感受不一样，更别说 2s 和 5s 的区别，基本上非刚需的网站，加载超过 5s，用户就会不耐烦。

leekoho

2018-07-10 23:19:30 +08:00

把 X-Request-Id, easy-mock_cookies 这些数据也截图放出来真的好吗?

LeungJZ

2018-07-10 23:28:47 +08:00

@leekoho
并不完整的 cookie。

yangqi

2018-07-10 23:30:35 +08:00

楼主是小朋友刚接触互联网么？

cnyang

2018-07-10 23:54:42 +08:00

也许是流量包快到期又剩得太多

bilibiliQQ

2018-07-11 05:53:39 +08:00

铁道部网站笑而不语

xiaqi

2018-07-11 08:28:26 +08:00 via Android

我感觉我，超过 1m 的，我都想把它拆分...🙃

LeungJZ

2018-07-11 09:06:48 +08:00

@yangqi
那说说您的见解？

Mutoo

2018-07-11 09:13:41 +08:00

还见过一些大网站，压缩后把 sourcemap 文件丢 production 服务器上，一打开开发者工具，又下载 3~5M （而且还不显示）。而且还可以把这个 map 下载到本地，用工具还原出整个前端，分析学习。

https://github.com/pavloko/source-map-unpack

LeungJZ

2018-07-11 10:28:47 +08:00

@Mutoo
那是 sourcemap 大而已，不影响网页的浏览。