【搜狐IT消息】7月17日消息,科技博客Business Insider旗下研究機構BI Intelligence發布報告,描述了響應式設計的優缺點。
作為一種能夠縮放適應不同大小的屏幕的網頁設計做法,響應式設計(Responsive Design)正日益成為最受推崇的移動網頁優化方式。在谷歌公司於2012年中期指出,響應式設計是優化移動網站的最佳方式之後,這種設計做法的地位得到了進一步鞏固。
隨著iPhone、iPad和Android手機的普及,網站主辦方發現,網站在移動端應當帶來與桌面端類似的體驗。否則,網站在移動設備上看起來就只有細小的文字和鏈接,網頁布局也會一團糟。這就意味著損失流量和銷售額的風險。
現在,響應式設計已經成為網頁設計中的黃金法則,但就像大多數技術一樣,它有利有弊,並不一定適合所有企業或者所有應用。
BI Intelligence在報告中將相應式設計做法與其他優化方式進行了比較,分析了響應式設計的優缺點,對獨立移動網站如今的地位進行了評估,探討了HTML5開發的衍生問題。
下面就來看看針對移動設備的幾種優化方式:
響應式設計:在這種做法下,網頁的HTML代碼不變,在不同設備上依賴不同的CSS帶來不同的顯示方式。不論在什麼設備上,用戶輸入和看到的都是同一個網址。簡而言之,這意味著不論形式如何,內容總是不變。
服務器端支持的響應式設計:這是響應式設計的一個變種,所不同的是,服務器端保存了針對不同設備的HTML和CSS代碼。這解決了相應式設計的一些性能問題,但需要探測用戶所用的設備。對企業來說,這種方式需要自定義更多元素。需要針對移動設備部署響應式設計元素,同時針對PC使用傳統布局。這種方式還能針對特定的某些型號的設備提供個性化的體驗。
移動應用:在移動大潮興起的初期,有人認為,應用將主宰移動端的各種活動,各類企業也紛紛打造自己的應用。也許應用在美國等市場處於主導地位,但人們同樣也會使用浏覽器。大量電商交易是通過浏覽器,而非移動應用完成的。更不用說的是,移動應用成本很高,也無法適用於全部設備。
獨立移動網站:一些人推崇能夠提供精簡內容和獨立網址的專門移動網站。這些獨立移動網站在加載速度方面頗有優勢。(納言)