Elaine's Blog 朝著 senior 前進的工程師

響應式網頁 RWD 優缺點

2017-10-31

響應式網站優點

開發成本與時間比網頁 APP 低

因為可以搭配 CSS3 的 Media Query 來撰寫行動裝置尺寸的 CSS 內容,以應付各種媒介的瀏覽。若是網頁型 APP 則必須各自開發 iOS 版及 Android 版。

不需要下載 APP 就能用

這不只是響應式網站的優點,是所有行動版網頁相較於手機 APP 的最大優勢。APP 必須到 iTunes 或 Google Play 下載,APP 若要更新,必須重新審核過後,再通知所有下載用戶更新。

維護成本比 APP 低

品牌形象一致

同一個網站是用於各種裝置,自然不需要針對不同版本設計不同的視覺效果

符合使用者習慣

不論是電腦或是行動裝置,其瀏覽器的搜尋功能還是以「網頁」為主。 舉例來說,搜尋「台中美食」四字時,只會呈現關於高雄的美食相關內容,並不會搜尋任何帶有台中美食名稱的 APP

利於 SEO (搜尋引擎最佳化)

響應式網站優點

舊版瀏覽器不支援

因響應式是以 CSS3 的 Media Query 搭配使用

小尺寸螢幕不適合複雜的功能與介面

若要用很複雜的功能,如拍照、鬧鐘定時呼叫等,建議開發 APP 較為妥

載入速度

響應式網頁是使用同一份 HTML 和 CSS,所以不論是在行動裝置或電腦上瀏覽,皆是下載同一份網站資料,而在根據裝置本身的瀏覽尺寸去讀取 CSS 文件中的相對應內容,因此載入速度並不會很快

開發時間較長

因為響應式網站要符合多裝置都相容的 CSS 內容,因此所花費的開發時間一定比開發一個網頁的時間來的久

個人心得

以上是我今天去學校圖書館找到一本叫讓響應式(RWD)網頁設計變簡單的資料
一本很適合新手看的書,大力推薦 (y)
學校的圖書館真的是很好用…
之前在台中的各大圖書館找的書都不太優..
而且資訊就少 QQ
趁現在還有大四 Buff (學生證)
努力借書中..

參考資料


Content