有關(guān)如何區(qū)分響應(yīng)式網(wǎng)站和自適應(yīng)網(wǎng)站,可以參考之前的一篇文章:SiteServer CMS 如何實(shí)現(xiàn)響應(yīng)式網(wǎng)站---原理篇。
今天想要講的是響應(yīng)式網(wǎng)站四個(gè)致命缺陷:
1、響應(yīng)式站用戶體驗(yàn)不能最優(yōu)化
響應(yīng)式網(wǎng)站設(shè)計(jì)基本原則是:自動(dòng)識(shí)別屏幕尺寸并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì),頁(yè)面布局和展示的內(nèi)容可能會(huì)隨著屏幕尺寸變化而有所變化。響應(yīng)式布局不管使用什么設(shè)備都是在服務(wù)器把數(shù)據(jù)推送到瀏覽器后,腳本或CSS自行檢測(cè)設(shè)備屏幕大小后執(zhí)行對(duì)應(yīng)的樣式表內(nèi)容,并且一直通過(guò)本地腳本在監(jiān)聽屏幕大小的變化,隨時(shí)做出樣式響應(yīng)的變化。
比如在1280x768分辨率的電腦屏幕上和在320x240分辨率的手機(jī)屏幕上顯示一樣的內(nèi)容的話,內(nèi)容都擠一起無(wú)法看清楚。所以響應(yīng)式設(shè)計(jì)是選擇把部分內(nèi)容隱藏來(lái)解決這個(gè)問(wèn)題。但這樣的話頁(yè)面的表現(xiàn)效果就不是那么好了,用戶的交互體驗(yàn)也非常不友好。
比如下面這個(gè)響應(yīng)式網(wǎng)站,右邊移動(dòng)端和左邊電腦端相比,把產(chǎn)品展示模板隱藏了,這對(duì)用戶體驗(yàn)是非常不友好的。而且左邊明顯不符合我們平?吹降囊苿(dòng)端的設(shè)計(jì)。同一個(gè)網(wǎng)站PC端和移動(dòng)端風(fēng)格差異太大,感覺就是兩個(gè)沒(méi)有任何聯(lián)系的網(wǎng)站。
如果是單獨(dú)設(shè)計(jì)PC站和移動(dòng)站,就能整體考慮規(guī)劃,設(shè)計(jì)成一個(gè)整體風(fēng)格類似功能相同的網(wǎng)站,避免像上面這種顯示上的突兀,比如天貓PC站和移動(dòng)站的對(duì)比:
從天貓的做法可以看到:移動(dòng)站界面是大家熟悉的和流行的,交互上更接近APP的UI風(fēng)格。
2、響應(yīng)式設(shè)計(jì)并不利于SEO和推廣
百度對(duì)移動(dòng)站和PC站的關(guān)鍵詞處理策略不盡相同。如果網(wǎng)站設(shè)計(jì)成響應(yīng)式, 所有設(shè)備訪問(wèn)同一份代碼,這就非常不利于百度關(guān)鍵詞優(yōu)化。
而且百度的搜索排名是區(qū)分移動(dòng)站和PC站的。如果PC站和移動(dòng)站是獨(dú)立分開的,那么移動(dòng)站所做的百度排名,不會(huì)影響PC站的排名,PC站的百度優(yōu)化也可以獨(dú)立于移動(dòng)站進(jìn)行。
從商業(yè)推廣的角度來(lái)看的話,移動(dòng)站和PC站分開單獨(dú)做比設(shè)計(jì)成一個(gè)統(tǒng)一的響應(yīng)式網(wǎng)站會(huì)更好。
3、響應(yīng)式網(wǎng)站代碼冗余,打開速度慢
響應(yīng)式網(wǎng)站的實(shí)現(xiàn)原理通常是通過(guò)css或js來(lái)控制部分內(nèi)容顯示或不顯示,從而使得網(wǎng)站在移動(dòng)設(shè)備上看起來(lái)也正常。但通過(guò)代碼不顯示的內(nèi)容其實(shí)依然還在頁(yè)面上,只是表面看不見(不顯示)了而矣,所以瀏覽器依然還會(huì)加載這部分看不見的網(wǎng)頁(yè)代碼。也就是說(shuō)響應(yīng)式網(wǎng)站要比單獨(dú)的非響應(yīng)式網(wǎng)站加載更多的數(shù)據(jù),從而造成流量增加,而且網(wǎng)頁(yè)的打開速度變慢。
比如說(shuō)單獨(dú)設(shè)計(jì)一個(gè)移動(dòng)端網(wǎng)站,整個(gè)頁(yè)面大小可能是100kb,如果設(shè)計(jì)成響應(yīng)式網(wǎng)站(PC站和移動(dòng)站代碼合在一起)則頁(yè)面大小可能就是400kb甚至更多。導(dǎo)致打開響應(yīng)式網(wǎng)站的時(shí)間相比非響應(yīng)式會(huì)慢很多,尤其是手機(jī)在用2G、3G網(wǎng)絡(luò)上網(wǎng)的情況下更明顯。
4、響應(yīng)式兼容性差
響應(yīng)式網(wǎng)站算是比較新的技術(shù)了,運(yùn)用了很多html5的特性,只有瀏覽器的高版本才支持這些html5特性,尤其是微軟的IE瀏覽器對(duì)這一塊的支持比較弱。
長(zhǎng)沙科聯(lián)環(huán)保科技有限公司
長(zhǎng)沙科聯(lián)環(huán)?萍加邢薰咀溆趪(guó)家級(jí)長(zhǎng)沙經(jīng)濟(jì)技術(shù)開發(fā)區(qū),星沙工業(yè)園、我們以“科技創(chuàng)新,聯(lián)合共...南京尚上防腐木
南京尚上防腐木是一家專業(yè)致力于加工、制作、銷售戶外景觀防腐木,并為客戶設(shè)計(jì)安裝一站式服務(wù)的現(xiàn)...長(zhǎng)沙昱霆機(jī)電有限公司
長(zhǎng)沙昱霆機(jī)電有限公司是長(zhǎng)沙空壓機(jī)_長(zhǎng)沙空壓機(jī)保養(yǎng)_湖南空壓機(jī)維修_長(zhǎng)沙空壓機(jī)機(jī)頭維修-長(zhǎng)沙昱...湖南省土地學(xué)會(huì),湖南土地學(xué)會(huì),湖南土地學(xué)會(huì)官網(wǎng)
湖南省土地學(xué)會(huì)是全省土地科技工作者自愿組成,并依法登記的學(xué)術(shù)性、非盈利性、公益性的法人社會(huì)團(tuán)...湖南為美環(huán)保技術(shù)有限公司,醫(yī)療污水凈化機(jī)組...
湖南為美環(huán)保技術(shù)有限公司應(yīng)“綠水青山就是金山銀山”之勢(shì)而生,秉持“為民環(huán)保,美麗干凈”理想信...長(zhǎng)沙租車公司-長(zhǎng)沙鑫晨租車
長(zhǎng)沙鑫晨租車(長(zhǎng)沙租車網(wǎng))于2008年,已精工細(xì)作多年,F(xiàn)以成為長(zhǎng)沙地區(qū)較早的租車公司之一。...聯(lián)系方式
地址:湖南省長(zhǎng)沙市天心區(qū)韶山南路248號(hào)南園503室
電話:13637482004 0731-88571521
網(wǎng)址:http://www.zhikedianqi.com/
郵箱:123@123007.com
微信咨詢
掃一掃進(jìn)移動(dòng)端