響應式網站與自適應網站的比較

開發難度比較

自適應網站開發起來比較既複雜(不同屏幕的適配控制)又簡單(獨立於PC端),但是容易維護與調試(只有移動端的處理事件)。

響應式網站開發起來比較既簡單(只需通過媒體查詢來調整)又複雜(與PC端網頁元素耦合度大),但是不容易調試與維護(綁定了移動端與手機端的處理事件)。

 

頁面性能比較 

自適應網站只有移動端的佈局與樣式(內容少),下載到瀏覽器立刻顯示,所以性能快。

響應式網站不僅有移動端的佈局與樣式,還有PC的佈局與樣式(內容多),下載到瀏覽器之後進行網頁佈局調整再顯示,所以性能慢。

PS:響應式網站也有提高性能的方法,就是針對屏幕加載不同的媒體查詢樣式,選擇性加載資源。但是性能依然不如自適應網站。

 

用戶體驗比較

響應式網站保證PC端與移動端的一致性,流式佈局。

自適應網站保證移動端更友好的體驗。

 

SEO比較

自適應網站不容易聚集網站權重,但可以通過重定向進行聚集權重。

響應式網站容易聚集網站權重,容易把移動端的權重與PC端的權重疊加,提高網站排名。

PS:這種做法是電腦端與移動端使用單獨的網址。

http://hipaint.blog.sohu.com/

http://hipaint.blog.sohu.com/324622025.html

總結:推薦開發自適應網站,追求性能與用戶體驗。(大多數的互聯網公司都是web PC端與移動端分離的) 

         響應式網站不適合開發一些比較複雜的網站。(涉及一些動畫交互效果,頁面元素過多)

         建議開發一套響應式電腦網站(過渡到平板端,不過渡到手機端)和開發一套響應式手機端網站(過渡到平板端以下的尺寸,不過渡到平板端) 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章