作者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