[請益] 請大家評評理

[theppp ( )]

請教大家:

我做設計已經很多年了，最近幫客戶做一個網站

因為我們的網站是很多消費者會用的網站

目標訴求是希望手機上瀏覽網站的速度不能太慢

可是另一個工程師卻處處找我麻煩，例如:

1. 介面上的按鈕我用檔案很小的圖案，對方硬要我改成 css 來寫
還說網站速度和解析度會有差，這哪有差？

2. 我問過所有的專業設計師朋友

他們都說在設計的時候，不同頁面使用不同的 css 檔案，這樣網頁比較好做

然後一個頁面拆成用多個 CSS 檔，這樣瀏覽器可以同時抓不同 CSS 檔案
這樣可以加快速度

我以前都這樣做，從來沒有人說怎麼樣

可是現在工程師卻希望我把整個網站全部的 css 檔都放在同一個檔裡
然後整個網站都用那同一個 css 檔

但是這樣會害我不同 css 檔之間會衝突
#content1 div { color: green; }

而且包在同一個檔案上，這速度上哪有差？反而更慢吧？

況且網站速度慢，不是升級主機硬體就可以了嗎？

請大家評評理 !!

--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 112.105.128.120
推 musie:第一點他是對的
→ musie:第二點基本上他也是對的..但是通常是依賴preprocessor去做
推 kyork:第一點較佳的方法是css sprite或icon font

而且對方也拿不出數據，如果只差一點點的話，不用那麼麻煩吧？
※ 編輯: theppp          來自: 112.105.128.120      (10/09 17:52)
→ musie:很多時候效能就是不斷壓榨細節來提升的..看你們主管願意花多
→ musie:少的代價去提升效能..
→ samruqo:第二點今年phpconf上，演講者Jonathan Maron 有說過，
→ samruqo:合併到一個CSS檔案裡面可以減少HTTP requests 次數。
→ samruqo:在mobile上 HTTP connections 是很慢的。要盡可能減少..
推 s25g5d4:當你有幸遇到送出請求 兩秒後伺服器才回你的時候就知道了
→ s25g5d4:例如dropbox 還有dropbox 以及dropbox
→ alpe:現在很多問題是在User端,及中介的網路問題
→ danny8376:圖片少用是真的 不過純CSS有相容性問題 看有多少心了
→ danny8376:至於檔案... 說真的Google都建議檔案連"外連"都省掉
推 yyc1217:第二點取決於你的request數和網路速度要取其輕重
→ danny8376:因為request越少越好 你還覺得要拆多個檔案嗎?
→ yyc1217:包在一起不一定是最佳選擇
→ danny8376:回樓上CSS盡量單檔 因為CSS在全解析完之前
→ danny8376:瀏覽器是不會去解析HTML的 換言之網路速度再慢
→ danny8376:拆成多個檔案還是hang在那等CSS下載
→ danny8376:最後... 升級主機硬體... 我是你老闆的話就叫你自己
→ danny8376:去買主機來貢獻了 真的是主機不夠力還好說...
→ danny8376:是說Google真的是所有sync的檔案都塞HTML裡XD
→ danny8376:不過改不改看你有沒有心啦 除非你網頁真的很肥
→ danny8376:不然其實速度影響還好(不過你小圖有好幾十張就...)
→ danny8376:對了 如果CSS合成一個檔案有困難的話 那你的CSS
→ danny8376:本身就寫得很有問題 這部分自己注意
→ danny8376:(如果是為了對付IEx之類的專用CSS另當別論)
→ rangerjero:事情可以做完, 錢可以收到, 這才是重點吧!
→ rangerjero:至於單檔樣式並存,就請給每個頁面具有獨立定義的CSS名
→ rangerjero:再靠繼承去做撰寫, 一樣可以共用子名稱, 也達到不同
→ rangerjero:樣式的效果....
推 f1234518456:升級主機這種事是收到尾款以後 被要求增加效能再說的
推 Ayukawayen:而且有時候網站速度慢是訪客的硬體能力差，你要幫每個
→ Ayukawayen:來看你們網站的人都升級硬體嗎?
推 tingmeow:我之前弄論壇也是CSS sprite 覺得很麻煩，可是只能想說
→ tingmeow:就是麻煩自己來讓使用者有更好的體驗吧 ...
→ tingmeow:像C寫SS又要配合IE也是啊，真的很討厭可是不得不＠”＠
→ tingmeow:  ＣＳＳ
推 EROS4:做設計這麼多年要懂得進修啊囧 這兩點說明你已經脫節好久了
→ danny8376:sprite不麻煩啊OWO
→ danny8376:至少sprite在非網頁上用很久了 應用程式很多介面上
→ danny8376:的icon都是一張大圖去調座標&顯示範圍
推 lom123456:我覺得你的客戶好可憐= =
推 yanli2:你該多跟這位工程師學習
→ kurtisgod:#content1 div 這種寫法............
噓 hechian:說穿了你根本就只是想偷懶，上來討拍想嗆工程師
→ hechian:你的設計師朋友們根本就不專業 ...
→ aceone:推樓上～這篇的認知誇張到我以為是反串 =  =  請加油吧～
→ ia:確實是 samruqo 說的，http handshacking 會拖累到速度 ..
→ TonyQ:其實不好意思說一句，他是對的，你是錯的。
→ TonyQ:然後你會因為多個 css 彼此互相干擾的話，應該練習一下對
→ TonyQ:css 做出 namespace ，免得老是重寫 css 或搞不定 conflict
→ sbob:很多人的“很多年”充其量只是一年經驗罷了
噓 klysmine:不會就不會 說什麼做設計很多年了
→ yanli2:現在大家都知道你很多年都在做錯的了XD
→ gpmm:朝聖
推 sorarize:你剛走出精神時光屋嗎（練了這麼多年的舊技術辛苦了..）
推 LaPass:不要對原PO這麼兇啦..... 雖然我工作經驗只有一年，但已經
→ LaPass:看到「把垃圾當黃金賣」的這種事了，即使是用table排版，如
→ LaPass:果它能賣的掉，那它就是價值幾十萬、上百萬的的產品.....
推 lovelycateye:原po應該叫中華電信去升級3G頻寬，一切就解決了。
→ lovelycateye:不能的話，那就乖乖的照工程師的話做吧。
噓 WaiTingKuo:是該評評理了，有那麼好的工程師還不懂珍惜
→ WaiTingKuo:專業設計師跟本來亂的