作者superpai (超級白)
看板Web_Design
標題Re: [請益] 請大家評評理
時間Wed Oct 9 22:59:45 2013
※ 引述《theppp ( )》之銘言：
: 請教大家:
: 我做設計已經很多年了，最近幫客戶做一個網站
網路世界變化非常快，如果不能時時更新觀念，做很多年反而是個負數
: 因為我們的網站是很多消費者會用的網站
: 目標訴求是希望手機上瀏覽網站的速度不能太慢
: 可是另一個工程師卻處處找我麻煩，例如:
: 1. 介面上的按鈕我用檔案很小的圖案，對方硬要我改成 css 來寫
: 還說網站速度和解析度會有差，這哪有差？
手機對吧？
你有拿過iPhone4以後的iPhone嗎？
那解析度是300dpi+
如果你用一般「正常解析度」的圖案，那看起來就是糊的
要用兩倍長寬的圖，看起來才會銳利
但是兩倍長寬的圖給3G頻寬是比較大的負擔
所以按鈕這種簡單的元件是能用CSS就用CSS
特別按鈕是重複性很高的元件，CSS只要寫一次就夠了
跟圖片比大小有差異更大
: 2. 我問過所有的專業設計師朋友
: 他們都說在設計的時候，不同頁面使用不同的 css 檔案，這樣網頁比較好做
: 然後一個頁面拆成用多個 CSS 檔，這樣瀏覽器可以同時抓不同 CSS 檔案
: 這樣可以加快速度
: 我以前都這樣做，從來沒有人說怎麼樣
你的設計師朋友一點都不專業
瀏覽器對一個網聿有最高下載數限制
到IE7只有2，最近的大多是6，而且這個數字是javascript css 和圖片一起算的
所以沒有瀏覽器可以同時抓不同檔案會更快這回事
況且請求一個連線也是要時間的
你切越多檔案就越慢
: 可是現在工程師卻希望我把整個網站全部的 css 檔都放在同一個檔裡
: 然後整個網站都用那同一個 css 檔
: 但是這樣會害我不同 css 檔之間會衝突
: #content1 div { color: green; }
工程師是對的
而且如果這樣你css就衝突的話
表示你css根本寫得不好
#content1 div 是很差的selector寫法
正好有今天才出的文章很應景的解釋這件事情
http://markdotto.com/2013/10/09/css-and-noparents/
: 而且包在同一個檔案上，這速度上哪有差？反而更慢吧？
: 況且網站速度慢，不是升級主機硬體就可以了嗎？
: 請大家評評理 !!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 36.231.206.71
1F：推 aceone:推～工程師是對的 而且原po運氣不錯人家願意指點你... 10/09 23:11
2F：推 draven: 10/09 23:23
3F：推 danny8376:原文下方回得差不多了 不過還是推 真的至少還願意指點 10/10 00:14
4F：→ danny8376:話說網路不大順... TANet又怪怪的了OTZ 10/10 00:14
※ 編輯: superpai 來自: 36.231.206.71 (10/10 00:33)
5F：→ danny8376:姑且先不論另外加tag的問題性... 10/10 01:15
6F：→ danny8376:出現#這種東西 就不需要指名tag了 id是唯一的... 10/10 01:16
7F：推 carlcarl:工程師是對的++..... 10/10 03:58
8F：→ kurtisgod:對網頁設計師而言 retina應該是DPR比較重要 不是dpi 10/11 11:31
9F：推 mdfh:請問這不是指 #content1下任一div嗎？ 10/11 12:17
10F：→ MacPerson:ID 是唯一的 不會重複... SO.... 10/11 13:09
12F：→ UbaldJimenez:原文的確有問題，但什麼指名tag...是不是搞錯了什麼? 10/11 16:40
13F：→ mdfh:原來是在說唯一的問題 @_@ 會衝到確實蠻怪的 10/11 19:01