作者theppp ( )
看板Web_Design
标题[请益] 请大家评评理
时间Wed Oct 9 17:34:08 2013
请教大家:
我做设计已经很多年了，最近帮客户做一个网站
因为我们的网站是很多消费者会用的网站
目标诉求是希望手机上浏览网站的速度不能太慢
可是另一个工程师却处处找我麻烦，例如:
1. 介面上的按钮我用档案很小的图案，对方硬要我改成 css 来写
还说网站速度和解析度会有差，这哪有差？
2. 我问过所有的专业设计师朋友
他们都说在设计的时候，不同页面使用不同的 css 档案，这样网页比较好做
然後一个页面拆成用多个 CSS 档，这样浏览器可以同时抓不同 CSS 档案
这样可以加快速度
我以前都这样做，从来没有人说怎麽样
可是现在工程师却希望我把整个网站全部的 css 档都放在同一个档里
然後整个网站都用那同一个 css 档
但是这样会害我不同 css 档之间会冲突
#content1 div { color: green; }
而且包在同一个档案上，这速度上哪有差？反而更慢吧？
况且网站速度慢，不是升级主机硬体就可以了吗？
请大家评评理 !!
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 112.105.128.120
1F：推 musie:第一点他是对的 10/09 17:38
2F：→ musie:第二点基本上他也是对的..但是通常是依赖preprocessor去做 10/09 17:39
3F：推 kyork:第一点较佳的方法是css sprite或icon font 10/09 17:44
而且对方也拿不出数据，如果只差一点点的话，不用那麽麻烦吧？
※ 编辑: theppp 来自: 112.105.128.120 (10/09 17:52)
4F：→ musie:很多时候效能就是不断压榨细节来提升的..看你们主管愿意花多 10/09 18:02
5F：→ musie:少的代价去提升效能.. 10/09 18:02
6F：→ samruqo:第二点今年phpconf上，演讲者Jonathan Maron 有说过， 10/09 18:08
7F：→ samruqo:合并到一个CSS档案里面可以减少HTTP requests 次数。 10/09 18:09
8F：→ samruqo:在mobile上 HTTP connections 是很慢的。要尽可能减少.. 10/09 18:11
9F：推 s25g5d4:当你有幸遇到送出请求 两秒後伺服器才回你的时候就知道了 10/09 18:37
10F：→ s25g5d4:例如dropbox 还有dropbox 以及dropbox 10/09 18:37
11F：→ alpe:现在很多问题是在User端,及中介的网路问题 10/09 18:39
12F：→ danny8376:图片少用是真的 不过纯CSS有相容性问题 看有多少心了 10/09 20:58
13F：→ danny8376:至於档案... 说真的Google都建议档案连"外连"都省掉 10/09 20:59
14F：推 yyc1217:第二点取决於你的request数和网路速度要取其轻重 10/09 20:59
15F：→ danny8376:因为request越少越好 你还觉得要拆多个档案吗? 10/09 20:59
16F：→ yyc1217:包在一起不一定是最佳选择 10/09 20:59
17F：→ danny8376:回楼上CSS尽量单档 因为CSS在全解析完之前 10/09 21:01
18F：→ danny8376:浏览器是不会去解析HTML的 换言之网路速度再慢 10/09 21:01
19F：→ danny8376:拆成多个档案还是hang在那等CSS下载 10/09 21:02
20F：→ danny8376:最後... 升级主机硬体... 我是你老板的话就叫你自己 10/09 21:02
21F：→ danny8376:去买主机来贡献了 真的是主机不够力还好说... 10/09 21:03
22F：→ danny8376:是说Google真的是所有sync的档案都塞HTML里XD 10/09 21:05
23F：→ danny8376:不过改不改看你有没有心啦 除非你网页真的很肥 10/09 21:08
24F：→ danny8376:不然其实速度影响还好(不过你小图有好几十张就...) 10/09 21:08
25F：→ danny8376:对了 如果CSS合成一个档案有困难的话 那你的CSS 10/09 21:10
26F：→ danny8376:本身就写得很有问题 这部分自己注意 10/09 21:10
27F：→ danny8376:(如果是为了对付IEx之类的专用CSS另当别论) 10/09 21:11
28F：→ rangerjero:事情可以做完, 钱可以收到, 这才是重点吧! 10/09 21:35
29F：→ rangerjero:至於单档样式并存,就请给每个页面具有独立定义的CSS名 10/09 21:36
30F：→ rangerjero:再靠继承去做撰写, 一样可以共用子名称, 也达到不同 10/09 21:37
31F：→ rangerjero:样式的效果.... 10/09 21:37
32F：推 f1234518456:升级主机这种事是收到尾款以後 被要求增加效能再说的 10/09 21:38
33F：推 Ayukawayen:而且有时候网站速度慢是访客的硬体能力差，你要帮每个 10/09 23:35
34F：→ Ayukawayen:来看你们网站的人都升级硬体吗? 10/09 23:36
35F：推 tingmeow:我之前弄论坛也是CSS sprite 觉得很麻烦，可是只能想说 10/10 02:25
36F：→ tingmeow:就是麻烦自己来让使用者有更好的体验吧 ... 10/10 02:26
37F：→ tingmeow:像C写SS又要配合IE也是啊，真的很讨厌可是不得不＠”＠ 10/10 02:27
38F：→ tingmeow: ＣＳＳ 10/10 02:27
39F：推 EROS4:做设计这麽多年要懂得进修啊囧 这两点说明你已经脱节好久了 10/10 02:43
40F：→ danny8376:sprite不麻烦啊OWO 10/10 03:06
41F：→ danny8376:至少sprite在非网页上用很久了 应用程式很多介面上 10/10 03:06
42F：→ danny8376:的icon都是一张大图去调座标&显示范围 10/10 03:07
43F：推 lom123456:我觉得你的客户好可怜= = 10/10 19:10
44F：推 yanli2:你该多跟这位工程师学习 10/11 02:52
45F：→ kurtisgod:#content1 div 这种写法............ 10/11 11:16
46F：嘘 hechian:说穿了你根本就只是想偷懒，上来讨拍想呛工程师 10/11 11:40
47F：→ hechian:你的设计师朋友们根本就不专业 ... 10/11 11:41
48F：→ aceone:推楼上～这篇的认知夸张到我以为是反串 = = 请加油吧～ 10/11 13:25
49F：→ ia:确实是 samruqo 说的，http handshacking 会拖累到速度 .. 10/11 15:28
50F：→ TonyQ:其实不好意思说一句，他是对的，你是错的。 10/11 15:45
51F：→ TonyQ:然後你会因为多个 css 彼此互相干扰的话，应该练习一下对 10/11 15:45
52F：→ TonyQ:css 做出 namespace ，免得老是重写 css 或搞不定 conflict 10/11 15:45
53F：→ sbob:很多人的“很多年”充其量只是一年经验罢了 10/11 15:56
54F：嘘 klysmine:不会就不会 说什麽做设计很多年了 10/11 16:16
55F：→ yanli2:现在大家都知道你很多年都在做错的了XD 10/11 16:20
56F：→ gpmm:朝圣 10/11 16:55
57F：推 sorarize:你刚走出精神时光屋吗（练了这麽多年的旧技术辛苦了..） 10/11 17:52
58F：推 LaPass:不要对原PO这麽凶啦..... 虽然我工作经验只有一年，但已经 10/11 18:55
59F：→ LaPass:看到「把垃圾当黄金卖」的这种事了，即使是用table排版，如 10/11 18:56
60F：→ LaPass:果它能卖的掉，那它就是价值几十万、上百万的的产品..... 10/11 18:56
61F：推 lovelycateye:原po应该叫中华电信去升级3G频宽，一切就解决了。 10/12 08:51
62F：→ lovelycateye:不能的话，那就乖乖的照工程师的话做吧。 10/12 08:52
63F：嘘 WaiTingKuo:是该评评理了，有那麽好的工程师还不懂珍惜 10/13 19:08
64F：→ WaiTingKuo:专业设计师跟本来乱的 10/13 19:09