開發難度比較
自適應網站開發起來比較既複雜(不同屏幕的適配控制)又簡單(獨立於PC端),但是容易維護與調試(只有移動端的處理事件)。
響應式網站開發起來比較既簡單(只需通過媒體查詢來調整)又複雜(與PC端網頁元素耦合度大),但是不容易調試與維護(綁定了移動端與手機端的處理事件)。
頁面性能比較
自適應網站只有移動端的佈局與樣式(內容少),下載到瀏覽器立刻顯示,所以性能快。
響應式網站不僅有移動端的佈局與樣式,還有PC的佈局與樣式(內容多),下載到瀏覽器之後進行網頁佈局調整再顯示,所以性能慢。
PS:響應式網站也有提高性能的方法,就是針對屏幕加載不同的媒體查詢樣式,選擇性加載資源。但是性能依然不如自適應網站。
用戶體驗比較
響應式網站保證PC端與移動端的一致性,流式佈局。
自適應網站保證移動端更友好的體驗。
SEO比較
自適應網站不容易聚集網站權重,但可以通過重定向進行聚集權重。
響應式網站容易聚集網站權重,容易把移動端的權重與PC端的權重疊加,提高網站排名。
PS:這種做法是電腦端與移動端使用單獨的網址。
http://hipaint.blog.sohu.com/
http://hipaint.blog.sohu.com/324622025.html
總結:推薦開發自適應網站,追求性能與用戶體驗。(大多數的互聯網公司都是web PC端與移動端分離的)
響應式網站不適合開發一些比較複雜的網站。(涉及一些動畫交互效果,頁面元素過多)
建議開發一套響應式電腦網站(過渡到平板端,不過渡到手機端)和開發一套響應式手機端網站(過渡到平板端以下的尺寸,不過渡到平板端)