Responsive Web Design和行動版網頁,哪個比較好

3 / 3, 2013 架站技巧 , 網站優化

這幾年因為iPhone推出,智慧型手機也就像海嘯般湧出來,然後又冒出iPad,平板電腦也開始一一推出,因此,行動版網頁也就誕生了,之後,要冒出一個叫做Responsive Web Design(簡稱RWD)的東西,兩者差別其實很容易分辨,但哪個比較適合呢?因網站而異,這個問題連Google都探討過,小弟當然也來探討一下


以下是Google對Responsive Web Design(以下簡稱RWD)和行動版的介紹,很清楚
responsive-mobile-pk-1
所謂的RWD就是同個網站在不同解析度顯示的樣子不一樣,但實際上仍是同個網站,行動版網站則是只要遇到行動裝置(手機平板之類的),就顯示和桌面版完全不同的網站,以下就是範例:
蘋果日報行動版:http://www.appledaily.com.tw/mobile
蘋果日報桌面版:http://www.appledaily.com.tw/index/

以下是Google對Responsive Web Design和行動版的比較
responsive-mobile-pk-2
小弟並沒有要完全自己寫,而是由上面表格延伸做探討

Designing for mobile user need 為行動網頁特製的功能

這當然是行動版比較好,因為RWD同時是桌面和行動,因此有些行動版專屬的元素要放在RWD自然較困難+不方便,同時也可能影響桌面版的使用。

Ease to updating site 網站容易調整、更新

RWD有個優點就是同一個元素,可以用在行動版和桌面版,改一個地方,2者都會更改,而行動版就必須特別去改,而且沒辦法像RWD一樣自動切換並符合行動模式,行動版必須特別優化,自然麻煩許多。

Optimized for search engines(SEO) 收尋引擎優化

這個其實兩者差不了多少,不過RWD還是偏好,很簡單,因為行動版和桌面版的內容其實大同小異,可能會被收尋引擎判為作弊(一些廢到去吃屎的收尋引擎),排名當然不好。還有跳出率問題,即使用行動版,也不一定能符合每台手機/平板,一旦size不符合,就很可能跑版,使用者當然也就離開了。

Quick site creation 快速的製作網站

其實行動版很簡單,而且非常精簡,不必用到太多元素,製作當然很快,可能幾小時就完成了(最多幾天),可是RWD因為要對不同解析度做優化,自然花掉許多時間,在此,RWD落敗啦~

Affordable web development 開發資金

就如上點所說的,行動版開發比RWD簡單多了,資金當然也較便宜,而RWD製作比行動版困難些,需要的資金也比較多,而且有些客製化網站的公司都已經有免費提供行動版,而RWD就必須包含在網站製作成本內。

Adding conversion and redirect codes 需要換原始碼

這點在翻譯的時候小弟有些疑惑,還問了別人,因為實在怪怪的….之後他是說應該要翻譯成需要轉換成行動版原始碼,這個RWD並不用,這點RWD就比較好啦~畢竟不用像行動版一樣,還要轉成行動版程式碼。

Great DIY options優良的行動專屬功能

這當然是行動版贏囉~畢竟RWD是桌面和行動合一的,許多行動版可以的東西,RWD都不行或困難許多,行動版就站了上風

The thing Google didn’t say 速度問題

RWD有個缺點,就是即使是隱藏元素,還是會載入,台灣網路已經夠慢了,又載入了一堆用不到的元素,速度當然慢,行動版則可以排除用不到的元素,速度也就比較快了

以上來自Google,還有小弟自己的見解
很難得的,這又是一篇破千字的文章,感動阿~希望大家會喜歡,還有,每次只要有「一點點」個人建議,就會有些閒閒沒事幹的人開始砲轟文章,所以一定都要有一句:
如有錯誤,請務必「溫和」的指出,不要一出口就把別人祖宗18代都罵完了,或問候別人爸媽,謝謝

  • james58899

    沒人留言?

    • s3131212

      現在有人了XD