同样是 CSS 框架，为啥 Semantic 会比其他的慢？

V2EX = way to explore

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

已注册用户请登录

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

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

9 条回复 • 2017-07-04 16:08:37 +08:00

x86

2017-01-13 13:31:37 +08:00 via Android

太大了加载

gzlock

2017-01-13 13:35:45 +08:00 via Android

引用 npm install semantic-ui 后禁用 Google font 后 gulp build 出来的 CSS 可以解决加载慢的问题
只发现 modal 使用模糊背景在过渡效果时有卡顿情况，没有发现其它「运行慢」的问题

devopscode

2017-01-13 13:41:42 +08:00

@gzlock 谢谢，您说的对，字体库需要改成国内 360 的资源，要不然默认的 google 真的是慢。

DoraJDJ

2017-01-13 13:42:35 +08:00 via Android

Semantic 的 CSS 是真的大，当时我的博客访问速度慢，开 Network 一看卡在 CSS 上了。

devopscode

2017-01-13 13:42:37 +08:00

另外，可以把用不到的模块都不要加载上，自己编译需要用到的模块。

devopscode

2017-01-13 13:44:07 +08:00

@DoraJDJ 我是在想是不是因为语义化，所以需要个转义个过程？我是菜鸟不太懂，只是猜测而已。

learnshare

2017-01-13 14:05:28 +08:00

CSS 规则多，估计也只有数量级的差异才能带来渲染的性能差别（能被人感受到的）。

Semantic 是加载慢吧，可以考虑精简一下，去掉不用的模块。

Troevil

2017-01-13 14:18:36 +08:00

semantic 的内容太丰富了, 导致体积太大, 只能异步按需加载了

billytom

2017-07-04 16:08:37 +08:00

@devopscode 想问下字体库是怎么改成 360 资源的？我现在也是遇到了加载慢的问题，谢谢