同样是 CSS 框架,为啥 Semantic 会比其他的慢? - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
devopscode
V2EX    前端开发

同样是 CSS 框架,为啥 Semantic 会比其他的慢?

  •  
  •   devopscode 2017 年 1 月 13 日 3233 次点击
    这是一个创建于 3319 天前的主题,其中的信息可能已经有所发展或是发生改变。

    看到一些同学说 Semantic 运行很慢?新手菜鸟表示不理解,我还在开发阶段,但是不知道为什么有同学说慢?难道是因为语义化的问题?

    9 条回复    2017-07-04 16:08:37 +08:00
    x86
        1
    x86  
       2017 年 1 月 13 日 via Android
    太大了加载
    gzlock
        2
    gzlock  
       2017 年 1 月 13 日 via Android
    引用 npm install semantic-ui 后禁用 Google font 后 gulp build 出来的 CSS 可以解决加载慢的问题
    只发现 modal 使用模糊背景在过渡效果时有卡顿情况,没有发现其它「运行慢」的问题
    devopscode
        3
    devopscode  
    OP
       2017 年 1 月 13 日
    @gzlock 谢谢,您说的对,字体库需要改成国内 360 的资源,要不然默认的 google 真的是慢。
    DoraJDJ
        4
    DoraJDJ  
       2017 年 1 月 13 日 via Android
    Semantic 的 CSS 是真的大,当时我的博客访问速度慢,开 Network 一看卡在 CSS 上了。
    devopscode
        5
    devopscode  
    OP
       2017 年 1 月 13 日
    另外,可以把用不到的模块都不要加载上,自己编译需要用到的模块。
    devopscode
        6
    devopscode  
    OP
       2017 年 1 月 13 日
    @DoraJDJ 我是在想是不是因为语义化,所以需要个转义个过程?我是菜鸟不太懂,只是猜测而已。
    learnshare
        7
    learnshare  
       2017 年 1 月 13 日
    CSS 规则多,估计也只有数量级的差异才能带来渲染的性能差别(能被人感受到的)。

    Semantic 是加载慢吧,可以考虑精简一下,去掉不用的模块。
    Troevil
        8
    Troevil  
       2017 年 1 月 13 日
    semantic 的内容太丰富了, 导致体积太大, 只能异步按需加载了
    billytom
        9
    billytom  
       2017 年 7 月 4 日
    @devopscode 想问下字体库是怎么改成 360 资源的?我现在也是遇到了加载慢的问题,谢谢
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     1891 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 24ms UTC 11:23 PVG 19:23 LAX 03:23 JFK 06:23
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86