一、移動(dòng)化方式
1、跳轉(zhuǎn)適配
利用單獨(dú)的網(wǎng)址向每種設(shè)備提供不同的代碼。
2、代碼適配
使用相同的網(wǎng)址(不考慮用戶所使用的設(shè)備),根據(jù)服務(wù)器對用戶所用瀏覽器的了解(ua),針對不同設(shè)備類型生成不同版本的 HTML。
3、自適應(yīng)
通過同一網(wǎng)址提供相同HTML代碼。
方式 | PC、移動(dòng)URL是否一致 | PC、移動(dòng)源代碼是否一致 | 典型范例 |
跳轉(zhuǎn)適配 | 否 | 否 | 新浪 |
代碼適配 | 是 | 否 | 百度站長平臺社區(qū) |
自適應(yīng) | 是 | 是 | 知乎 |
百度提倡:同一網(wǎng)站只采用一種方式。
二、優(yōu)缺點(diǎn)分析
跳轉(zhuǎn)適配 | 代碼適配 | 自適應(yīng) | |
開發(fā)復(fù)雜程度 | ★有多種自動(dòng)方案可供選擇 | ★★取決于網(wǎng)站的復(fù)雜程度和需要?jiǎng)?chuàng)建的代碼庫數(shù)量,要進(jìn)行服務(wù)器端編程 | ★★★需用隨屏幕尺寸而變的流體網(wǎng)格從頭創(chuàng)建;若需要簡單,有開源模板可用;包含額外編程的復(fù)雜自適應(yīng)網(wǎng)站,所需時(shí)間會(huì)較長 |
維護(hù)成本 | ★★★PC站更新后,還需在移動(dòng)端再更新 | ★使用內(nèi)容管理系統(tǒng)自動(dòng)在所有模板上發(fā)布內(nèi)容 | ★更新內(nèi)容自動(dòng)流向所有設(shè)備,維護(hù)工作量極低 |
性能 | ★★★可輕松針對小屏幕進(jìn)行優(yōu)化,但重定向經(jīng)常會(huì)導(dǎo)致延遲問題 | ★★★可簡化為只包含為相應(yīng)設(shè)備優(yōu)化的內(nèi)容 | ★★需要有周全計(jì)劃才能實(shí)現(xiàn)更優(yōu)效果,數(shù)據(jù)量膨脹是更常見的錯(cuò)誤 |
用戶體驗(yàn)的一致性 | 僅針對移動(dòng)用戶優(yōu)化網(wǎng)站 | 單獨(dú)的文件和服務(wù)器端代碼,可以提供依設(shè)備而定的不同體驗(yàn) | 所有設(shè)備上的用戶體驗(yàn)保持一致 |
是否支持新設(shè)備擴(kuò)展 | 不支持,智能手機(jī)專用的獨(dú)立移動(dòng)網(wǎng)站 | 支持,可輕松針對具體設(shè)備創(chuàng)建模板 | 支持,使用指定的斷點(diǎn)和流體風(fēng)格,可輕松擴(kuò)展 |