[請益] 請大家評評理

看板Web_Design作者 ( )時間12年前 (2013/10/09 17:34), 編輯推噓10(13推 3噓 48→)
留言64則, 26人參與, 最新討論串1/4 (看更多)
請教大家: 我做設計已經很多年了，最近幫客戶做一個網站 因為我們的網站是很多消費者會用的網站 目標訴求是希望手機上瀏覽網站的速度不能太慢 可是另一個工程師卻處處找我麻煩，例如: 1. 介面上的按鈕我用檔案很小的圖案，對方硬要我改成 css 來寫 還說網站速度和解析度會有差，這哪有差？ 2. 我問過所有的專業設計師朋友 他們都說在設計的時候，不同頁面使用不同的 css 檔案，這樣網頁比較好做 然後一個頁面拆成用多個 CSS 檔，這樣瀏覽器可以同時抓不同 CSS 檔案 這樣可以加快速度 我以前都這樣做，從來沒有人說怎麼樣 可是現在工程師卻希望我把整個網站全部的 css 檔都放在同一個檔裡 然後整個網站都用那同一個 css 檔 但是這樣會害我不同 css 檔之間會衝突 #content1 div { color: green; } 而且包在同一個檔案上，這速度上哪有差？反而更慢吧？ 況且網站速度慢，不是升級主機硬體就可以了嗎？ 請大家評評理 !! -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 112.105.128.120
推
10/09 17:38, , 1F
第一點他是對的
10/09 17:38, 1F
→
10/09 17:39, , 2F
第二點基本上他也是對的..但是通常是依賴preprocessor去做
10/09 17:39, 2F
推
10/09 17:44, , 3F
第一點較佳的方法是css sprite或icon font
10/09 17:44, 3F
而且對方也拿不出數據，如果只差一點點的話，不用那麼麻煩吧？ ※ 編輯: theppp 來自: 112.105.128.120 (10/09 17:52)
→
10/09 18:02, , 4F
很多時候效能就是不斷壓榨細節來提升的..看你們主管願意花多
10/09 18:02, 4F
→
10/09 18:02, , 5F
少的代價去提升效能..
10/09 18:02, 5F
→
10/09 18:08, , 6F
第二點今年phpconf上，演講者Jonathan Maron 有說過，
10/09 18:08, 6F
→
10/09 18:09, , 7F
合併到一個CSS檔案裡面可以減少HTTP requests 次數。
10/09 18:09, 7F
→
10/09 18:11, , 8F
在mobile上 HTTP connections 是很慢的。要盡可能減少..
10/09 18:11, 8F
推
10/09 18:37, , 9F
當你有幸遇到送出請求 兩秒後伺服器才回你的時候就知道了
10/09 18:37, 9F
→
10/09 18:37, , 10F
例如dropbox 還有dropbox 以及dropbox
10/09 18:37, 10F
→
10/09 18:39, , 11F
現在很多問題是在User端,及中介的網路問題
10/09 18:39, 11F
→
10/09 20:58, , 12F
圖片少用是真的 不過純CSS有相容性問題 看有多少心了
10/09 20:58, 12F
→
10/09 20:59, , 13F
至於檔案... 說真的Google都建議檔案連"外連"都省掉
10/09 20:59, 13F
推
10/09 20:59, , 14F
第二點取決於你的request數和網路速度要取其輕重
10/09 20:59, 14F
→
10/09 20:59, , 15F
因為request越少越好 你還覺得要拆多個檔案嗎?
10/09 20:59, 15F
→
10/09 20:59, , 16F
包在一起不一定是最佳選擇
10/09 20:59, 16F
→
10/09 21:01, , 17F
回樓上CSS盡量單檔 因為CSS在全解析完之前
10/09 21:01, 17F
→
10/09 21:01, , 18F
瀏覽器是不會去解析HTML的 換言之網路速度再慢
10/09 21:01, 18F
→
10/09 21:02, , 19F
拆成多個檔案還是hang在那等CSS下載
10/09 21:02, 19F
→
10/09 21:02, , 20F
最後... 升級主機硬體... 我是你老闆的話就叫你自己
10/09 21:02, 20F
→
10/09 21:03, , 21F
去買主機來貢獻了 真的是主機不夠力還好說...
10/09 21:03, 21F
→
10/09 21:05, , 22F
是說Google真的是所有sync的檔案都塞HTML裡XD
10/09 21:05, 22F
→
10/09 21:08, , 23F
不過改不改看你有沒有心啦 除非你網頁真的很肥
10/09 21:08, 23F
→
10/09 21:08, , 24F
不然其實速度影響還好(不過你小圖有好幾十張就...)
10/09 21:08, 24F
→
10/09 21:10, , 25F
對了 如果CSS合成一個檔案有困難的話 那你的CSS
10/09 21:10, 25F
→
10/09 21:10, , 26F
本身就寫得很有問題 這部分自己注意
10/09 21:10, 26F
→
10/09 21:11, , 27F
(如果是為了對付IEx之類的專用CSS另當別論)
10/09 21:11, 27F
→
10/09 21:35, , 28F
事情可以做完, 錢可以收到, 這才是重點吧!
10/09 21:35, 28F
→
10/09 21:36, , 29F
至於單檔樣式並存,就請給每個頁面具有獨立定義的CSS名
10/09 21:36, 29F
→
10/09 21:37, , 30F
再靠繼承去做撰寫, 一樣可以共用子名稱, 也達到不同
10/09 21:37, 30F
→
10/09 21:37, , 31F
樣式的效果....
10/09 21:37, 31F
推
10/09 21:38, , 32F
升級主機這種事是收到尾款以後 被要求增加效能再說的
10/09 21:38, 32F
推
10/09 23:35, , 33F
而且有時候網站速度慢是訪客的硬體能力差，你要幫每個
10/09 23:35, 33F
→
10/09 23:36, , 34F
來看你們網站的人都升級硬體嗎?
10/09 23:36, 34F
推
10/10 02:25, , 35F
我之前弄論壇也是CSS sprite 覺得很麻煩，可是只能想說
10/10 02:25, 35F
→
10/10 02:26, , 36F
就是麻煩自己來讓使用者有更好的體驗吧 ...
10/10 02:26, 36F
→
10/10 02:27, , 37F
像C寫SS又要配合IE也是啊，真的很討厭可是不得不＠”＠
10/10 02:27, 37F
→
10/10 02:27, , 38F
ＣＳＳ
10/10 02:27, 38F
推
10/10 02:43, , 39F
做設計這麼多年要懂得進修啊囧 這兩點說明你已經脫節好久了
10/10 02:43, 39F
→
10/10 03:06, , 40F
sprite不麻煩啊OWO
10/10 03:06, 40F
→
10/10 03:06, , 41F
至少sprite在非網頁上用很久了 應用程式很多介面上
10/10 03:06, 41F
→
10/10 03:07, , 42F
的icon都是一張大圖去調座標&顯示範圍
10/10 03:07, 42F
推
10/10 19:10, , 43F
我覺得你的客戶好可憐= =
10/10 19:10, 43F
推
10/11 02:52, , 44F
你該多跟這位工程師學習
10/11 02:52, 44F
→
10/11 11:16, , 45F
#content1 div 這種寫法............
10/11 11:16, 45F
噓
10/11 11:40, , 46F
說穿了你根本就只是想偷懶，上來討拍想嗆工程師
10/11 11:40, 46F
→
10/11 11:41, , 47F
你的設計師朋友們根本就不專業 ...
10/11 11:41, 47F
→
10/11 13:25, , 48F
推樓上～這篇的認知誇張到我以為是反串 = = 請加油吧～
10/11 13:25, 48F
→
10/11 15:28, , 49F
確實是 samruqo 說的，http handshacking 會拖累到速度 ..
10/11 15:28, 49F
→
10/11 15:45, , 50F
其實不好意思說一句，他是對的，你是錯的。
10/11 15:45, 50F
→
10/11 15:45, , 51F
然後你會因為多個 css 彼此互相干擾的話，應該練習一下對
10/11 15:45, 51F
→
10/11 15:45, , 52F
css 做出 namespace ，免得老是重寫 css 或搞不定 conflict
10/11 15:45, 52F
→
10/11 15:56, , 53F
很多人的“很多年”充其量只是一年經驗罷了
10/11 15:56, 53F
噓
10/11 16:16, , 54F
不會就不會 說什麼做設計很多年了
10/11 16:16, 54F
→
10/11 16:20, , 55F
現在大家都知道你很多年都在做錯的了XD
10/11 16:20, 55F
→
10/11 16:55, , 56F
朝聖
10/11 16:55, 56F
推
10/11 17:52, , 57F
你剛走出精神時光屋嗎（練了這麼多年的舊技術辛苦了..）
10/11 17:52, 57F
推
10/11 18:55, , 58F
不要對原PO這麼兇啦..... 雖然我工作經驗只有一年，但已經
10/11 18:55, 58F
→
10/11 18:56, , 59F
看到「把垃圾當黃金賣」的這種事了，即使是用table排版，如
10/11 18:56, 59F
→
10/11 18:56, , 60F
果它能賣的掉，那它就是價值幾十萬、上百萬的的產品.....
10/11 18:56, 60F
推
10/12 08:51, , 61F
原po應該叫中華電信去升級3G頻寬，一切就解決了。
10/12 08:51, 61F
→
10/12 08:52, , 62F
不能的話，那就乖乖的照工程師的話做吧。
10/12 08:52, 62F
噓
10/13 19:08, , 63F
是該評評理了，有那麼好的工程師還不懂珍惜
10/13 19:08, 63F
→
10/13 19:09, , 64F
專業設計師跟本來亂的
10/13 19:09, 64F
‣ 更多 theppp 的文章
文章代碼(AID): #1ILICI6N (Web_Design)
‣ 更多 theppp 的文章
文章代碼(AID): #1ILICI6N (Web_Design)