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


Adaptive website(自適應網站)            應對在瀏覽器的寬度變化不調整網頁元素的位置,縮放網頁元素,以適應在可用空間。

Responsive website (響應式網站)        應對在瀏覽器的寬度變化通過調整網頁元素的位置,以適應在可用空間。

PS:真不知道為什么很多人都把自適應網站與響應式網站混為一談。(自適應網站!=響應式網站)

 

開發難度比較

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

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

 

頁面性能比較 

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

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

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

 

用戶體驗比較

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

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

 

SEO比較

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

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

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

 

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

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

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

         

       


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM