為什么百度、淘寶之類的大公司網(wǎng)頁不使用響應(yīng)式,而是獨(dú)立開發(fā)一套手機(jī)頁面
時(shí)間:2023-11-09 18:00:02 | 來源:網(wǎng)站運(yùn)營
時(shí)間:2023-11-09 18:00:02 來源:網(wǎng)站運(yùn)營
為什么百度、淘寶之類的大公司網(wǎng)頁不使用響應(yīng)式,而是獨(dú)立開發(fā)一套手機(jī)頁面?:響應(yīng)式設(shè)計(jì)不是萬能的,它有一定的好處,但也有一定的弊端。先給出結(jié)論:
如果開發(fā)資源充裕,不應(yīng)該考慮使用響應(yīng)式設(shè)計(jì)來同時(shí)支持移動(dòng)端和桌面端。因?yàn)轫憫?yīng)式最大的優(yōu)點(diǎn)就是
開發(fā)快。打個(gè)比方,移動(dòng)端和桌面端的開發(fā)時(shí)間分別是 t,采用響應(yīng)式設(shè)計(jì)寫一個(gè)同時(shí)支持兩者的網(wǎng)站可能只有 1.2t。
那為什么開發(fā)資源充足的情況下,不應(yīng)該采取響應(yīng)式設(shè)計(jì)來同時(shí)支持移動(dòng)端和桌面端呢?
1. 響應(yīng)式設(shè)計(jì)帶來大量冗余代碼。在移動(dòng)端充斥著 webkit 內(nèi)核的瀏覽器的時(shí)代,響應(yīng)式設(shè)計(jì)的網(wǎng)站中卻不得不帶有大量兼容舊 IE 的代碼。移動(dòng)端開發(fā)必須考慮在弱網(wǎng)情況下的渲染方式,而響應(yīng)式設(shè)計(jì)帶來的冗余代碼無疑是一種累贅。
2. 桌面端和移動(dòng)端的屏幕大小和操作方式的差異決定了兩者的設(shè)計(jì)一定存在著根本性的區(qū)別?!俄憫?yīng)式 Web 設(shè)計(jì)》一書中提到,響應(yīng)式設(shè)計(jì)應(yīng)該以移動(dòng)優(yōu)先,在設(shè)計(jì)之初就應(yīng)該以移動(dòng)端網(wǎng)站為設(shè)計(jì)目標(biāo),然后再考慮如何在桌面端布局。你很難想象將一個(gè)功能和交互復(fù)雜的桌面端網(wǎng)站改寫成支持移動(dòng)端訪問的響應(yīng)式設(shè)計(jì)究竟有多么復(fù)雜。而且將桌面端網(wǎng)站的大量內(nèi)容堆砌在手機(jī)頁面上也是極其影響性能的事,可以想象頁面的打開速度簡直糟透了。
說了這么久響應(yīng)式設(shè)計(jì)的壞處,那響應(yīng)式設(shè)計(jì)有什么
合適的應(yīng)用場景嗎?
當(dāng)然有。
我們可以看到,很多開源項(xiàng)目的文檔,初創(chuàng)公司的主頁,以及個(gè)人技術(shù)博客都是采取響應(yīng)式的。這些頁面的特點(diǎn)一般都是
交互性很低,僅僅用于信息展示,需要寫的兼容性代碼很少,非常適合做成響應(yīng)式。
關(guān)鍵詞:獨(dú)立,使用,響應(yīng)