V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
LeungJZ
V2EX  ›  分享发现

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

  •  
  •   LeungJZ · 2018-07-10 14:35:00 +08:00 · 5769 次点击
    这是一个创建于 2328 天前的主题,其中的信息可能已经有所发展或是发生改变。

    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
    43 条回复    2018-07-12 14:27:59 +08:00
    LokiSharp
        1
    LokiSharp  
       2018-07-10 15:13:44 +08:00
    不压缩不是挺好,干嘛要压缩
    LeungJZ
        2
    LeungJZ  
    OP
       2018-07-10 15:21:29 +08:00
    @LokiSharp
    不压缩有什么好的,我不懂。
    vibbow
        3
    vibbow  
       2018-07-10 15:28:29 +08:00
    有了 gzip 以后,压不压缩代码的实际意义不大。
    vibbow
        4
    vibbow  
       2018-07-10 15:31:38 +08:00
    @LeungJZ
    至少从加载体积上讲压缩代码(去空格,改变量名这种的)没什么实际意义,服务器 gzip 压缩后可能就省了 1K 2K
    但是压缩代码后的 JS 及其难调试。
    opengps
        5
    opengps  
       2018-07-10 15:32:31 +08:00
    不压缩就不压缩吧,我一直没开过压缩是不是要被骂,原因很简单:第一没去了解,第二目前没有明显影响,第三为了方便发现问题自己容易调试。
    不过 3M 的 js 文件,恐怕压缩也小不了多少
    hand515
        6
    hand515  
       2018-07-10 15:34:29 +08:00
    压缩+混淆能到几百 K 吧
    odirus
        7
    odirus  
       2018-07-10 15:36:18 +08:00
    归结为一点,项目规模不大,没有使用 CDN。

    如果使用 CDN,本地缓存指令都应该是处理好了的。
    airyland
        8
    airyland  
       2018-07-10 15:43:26 +08:00   ❤️ 1
    看起来是像是把 npm run dev 开发模式直接上线了。一般 build 出来的文件是有 hash 的。
    coolcoffee
        9
    coolcoffee  
       2018-07-10 15:49:40 +08:00
    这个 webpack 配置应该是那作者自己写的,现在 vue/cli 和 create react app 都在 dev 模式下面不输出文件,直接内存里面读写,要发布必定要经过 build。
    599316527
        10
    599316527  
       2018-07-10 15:54:27 +08:00
    没压缩是一回事儿
    cache-control 没配对是另外一回事儿
    qqjt
        11
    qqjt  
       2018-07-10 15:54:50 +08:00
    laravel 用 npm run production 就好了
    kindjeff
        12
    kindjeff  
       2018-07-10 16:08:32 +08:00
    找了个 3M 的 vendor.js 做了个实验,事实证明上面几层说的是对的

    ryd994
        13
    ryd994  
       2018-07-10 16:14:02 +08:00 via Android
    @kindjeff without blank 什么鬼………
    人家说的是 closure compiler
    slime7
        14
    slime7  
       2018-07-10 16:16:44 +08:00
    我还见过一个首页是 `http://域名 /dist/` 的,去掉 dist 就 404 了,忘记啥域名了。
    shiny
        15
    shiny  
       2018-07-10 16:20:57 +08:00
    不知道 brotli 的效果比起 gzip 效果如何
    qiaobeier
        16
    qiaobeier  
       2018-07-10 16:22:48 +08:00
    @vibbow source map 了解一下?
    DOLLOR
        17
    DOLLOR  
       2018-07-10 16:32:40 +08:00 via Android
    @LokiSharp
    主要怕有些🐷队友把敏感信息写在注释里😌
    vibbow
        18
    vibbow  
       2018-07-10 16:42:39 +08:00
    @qiaobeier 所以不压缩就好了呀
    qiayue
        19
    qiayue  
       2018-07-10 17:16:31 +08:00
    打开很慢,看看是不是你的 dns 问题,换个 dns 试试
    LeungJZ
        20
    LeungJZ  
    OP
       2018-07-10 17:40:05 +08:00
    @vibbow
    压缩后的代码,有 map 啊老铁。

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

    @vibbow
    未压缩,3m
    压缩后再 gz,顶天 1m。
    barbery
        21
    barbery  
       2018-07-10 18:04:16 +08:00
    压缩后再 gzip 还是能省不少空间的
    jevonszmx
        22
    jevonszmx  
       2018-07-10 18:06:59 +08:00
    @vibbow 压缩就省了 1K - 2K ???

    调试?? map 文件了解一下
    stevenbipt
        23
    stevenbipt  
       2018-07-10 18:40:54 +08:00 via Android
    细节问题,貌似压缩的代码网上有网线就能直接还原回去😴😴😴
    honeycomb
        24
    honeycomb  
       2018-07-10 18:41:58 +08:00 via Android
    @LeungJZ 这年头还有既不开 gzip 也不开代码压缩的
    oonnnoo
        25
    oonnnoo  
       2018-07-10 19:43:13 +08:00 via Android
    小网站的话,随便玩,反正没人用
    LeungJZ
        26
    LeungJZ  
    OP
       2018-07-10 22:24:35 +08:00 via Android
    @oonnnoo 然而还挺多人在用。很多人反应经常 502
    LeungJZ
        27
    LeungJZ  
    OP
       2018-07-10 22:30:32 +08:00 via Android
    @opengps 是的,如果是我接手的项目,不压缩,我肯定会骂的。
    第一,压缩后的代码,人基本是看不懂的,这可以防 85%的小白。
    第二,压缩后的代码和不压缩,体积一般相差甚远。更别提开了 gzip 后的压缩代码。在小水管服务器上很能体现出来压缩与否的区别,比如这个网站。
    第三,其实压缩后只要保留 map 文件,调试不是问题。
    第四,网页加载速度很影响用户体验,加载 1s 和 2s,感受不一样,更别说 2s 和 5s 的区别,基本上非刚需的网站,加载超过 5s,用户就会不耐烦。
    leekoho
        28
    leekoho  
       2018-07-10 23:19:30 +08:00
    把 X-Request-Id, easy-mock_cookies 这些数据也截图放出来真的好吗?
    LeungJZ
        29
    LeungJZ  
    OP
       2018-07-10 23:28:47 +08:00
    @leekoho
    并不完整的 cookie。
    yangqi
        30
    yangqi  
       2018-07-10 23:30:35 +08:00
    楼主是小朋友刚接触互联网么?
    cnyang
        31
    cnyang  
       2018-07-10 23:54:42 +08:00
    也许是流量包快到期又剩得太多
    bilibiliQQ
        32
    bilibiliQQ  
       2018-07-11 05:53:39 +08:00
    铁道部网站笑而不语
    xiaqi
        33
    xiaqi  
       2018-07-11 08:28:26 +08:00 via Android
    我感觉我,超过 1m 的,我都想把它拆分...🙃
    LeungJZ
        34
    LeungJZ  
    OP
       2018-07-11 09:06:48 +08:00
    @yangqi
    那说说您的见解?
    Mutoo
        35
    Mutoo  
       2018-07-11 09:13:41 +08:00
    还见过一些大网站,压缩后把 sourcemap 文件丢 production 服务器上,一打开开发者工具,又下载 3~5M (而且还不显示)。而且还可以把这个 map 下载到本地,用工具还原出整个前端,分析学习。

    https://github.com/pavloko/source-map-unpack
    LeungJZ
        36
    LeungJZ  
    OP
       2018-07-11 10:28:47 +08:00
    @Mutoo
    那是 sourcemap 大而已,不影响网页的浏览。
    simple11
        37
    simple11  
       2018-07-11 11:33:13 +08:00
    不错
    sobigfish
        38
    sobigfish  
       2018-07-11 12:33:42 +08:00
    网址是?
    host 那个 easy-mock.com 压缩了的啊 而且开了 gzip
    LeungJZ
        39
    LeungJZ  
    OP
       2018-07-11 14:33:57 +08:00
    bhaltair
        40
    bhaltair  
       2018-07-11 14:58:00 +08:00
    绝对不是第一个
    zhangneww
        41
    zhangneww  
       2018-07-12 09:13:05 +08:00
    绝对不是第一个,前两天看一个博客,背景图片 2.4MB ,主机的带宽看起来也很低,打开速度极慢,1min 以上
    LeungJZ
        42
    LeungJZ  
    OP
       2018-07-12 09:28:34 +08:00
    @zhangneww
    你那是个人网站,或者说只是一个搭着好玩的网站罢了,什么优化都不会。

    但是这个是线上运营,提供服务的网站。
    dabolo
        43
    dabolo  
       2018-07-12 14:27:59 +08:00
    又不是不能用
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1077 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 32ms · UTC 19:12 · PVG 03:12 · LAX 11:12 · JFK 14:12
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.