移動(dòng)網(wǎng)站來(lái)自過(guò)去
我不是說(shuō)你不應(yīng)該采用響應(yīng)式設(shè)計(jì)或者去用m.*的子域名。事實(shí)上,現(xiàn)在社會(huì)分享無(wú)處不在,不分設(shè)備,分配給給文檔一個(gè)URL,這是聰明的做法。但這并不意味著一個(gè)單獨(dú)URL應(yīng)該提供相同的文檔或每一個(gè)設(shè)備都應(yīng)該下載相同的資源。
援引Ethan Marcotte的話,他創(chuàng)造了“響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”這個(gè)術(shù)語(yǔ)。
最重要的是,響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)的初衷不是要取代移動(dòng)網(wǎng)頁(yè)。——Ethan Marcotte
網(wǎng)站優(yōu)化 移動(dòng)站點(diǎn)優(yōu)化 響應(yīng)式設(shè)計(jì)
交互、移動(dòng)、快速
如果我們能使用一些其他的技術(shù),就可以實(shí)現(xiàn)獲得響應(yīng)式設(shè)計(jì)好處的同時(shí),不影響移動(dòng)設(shè)備的性能。響應(yīng)式設(shè)計(jì)從來(lái)不是意味著要解決“性能”,這也是為什么我們不能因此指責(zé)它的原因。然而,相信它能解決你所有問(wèn)題,這大錯(cuò)特錯(cuò)。
設(shè)計(jì)響應(yīng)式很重要,因?yàn)槲覀冃枰鉀Q跨桌面和移動(dòng)端視窗大小范圍的問(wèn)題。但是只考慮屏幕大小就低估了移動(dòng)設(shè)備。桌面和移動(dòng)端的界限正在變得模糊,基于不同的設(shè)備對(duì)我們而言仍然有多種可能性。但是我們還不能通過(guò)媒體查詢來(lái)決定響應(yīng)式設(shè)計(jì)的功能。一些評(píng)論家稱之為“可靠的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)”,然而另一些人則認(rèn)為它是伴隨現(xiàn)代視覺(jué)的響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。在沒(méi)有了解其基本語(yǔ)義的情況下,我們需要搞清楚這個(gè)問(wèn)題。
雖然沒(méi)有可應(yīng)用于各類文檔的萬(wàn)全之策,但是能夠運(yùn)用一些技巧來(lái)改善現(xiàn)有響應(yīng)式的解決辦法,并且力求性能最大化。
實(shí)現(xiàn)每一個(gè)文檔對(duì)所有的設(shè)備都使用相同的URL和相同的內(nèi)容,結(jié)構(gòu)不必要相同。
當(dāng)從零開始,遵循“移動(dòng)先行”的方法。
在一個(gè)真實(shí)設(shè)備上測(cè)試當(dāng)資源加載和顯示會(huì)發(fā)生什么。不要依賴調(diào)整你的桌面瀏覽器。
使用優(yōu)化工具測(cè)量和提高性能。
通過(guò)JavaScript傳輸響應(yīng)圖片,雖然我們更期盼著瀏覽器供應(yīng)商(例如srcset)能解決這個(gè)問(wèn)題
當(dāng)你需要當(dāng)前設(shè)備具備加載條件時(shí),只加載JavaScript,這會(huì)在onload事件之后發(fā)生。
對(duì)移動(dòng)設(shè)備,內(nèi)聯(lián)文檔的原始視圖,或者發(fā)送一屏顯示內(nèi)容。
使用下面一種或幾種技術(shù)應(yīng)用智能響應(yīng)式的解決方案:條件加載、按組響應(yīng)、服務(wù)器端層(如適應(yīng)性方法)。