您的位置:首頁(yè)>>分享
建設(shè)一個(gè)響應(yīng)式網(wǎng)站有什么好處和缺點(diǎn)

時(shí)間:2018-08-13 23:31:03作者:常熟做網(wǎng)站制作

作為在網(wǎng)站建設(shè)領(lǐng)域里打拼了近18年的小編來(lái)說(shuō),認(rèn)真仔細(xì)分析(Analyse)過(guò)響應(yīng)式網(wǎng)站,其實(shí)響應(yīng)式有許多優(yōu)點(diǎn),在這里就不列舉了,網(wǎng)絡(luò)(Network)上有許多關(guān)于這方面的介紹,今天重點(diǎn)給大家講一下響應(yīng)式網(wǎng)站的幾個(gè)缺點(diǎn)。常熟做網(wǎng)站多少錢(qián)簡(jiǎn)單來(lái)說(shuō),網(wǎng)站設(shè)計(jì)的目的就是產(chǎn)生網(wǎng)站。簡(jiǎn)單的信息如文字,圖片(GIFs, JPEGs,PNGs)和表格,都可以通過(guò)使超言、可擴(kuò)展超文本標(biāo)記語(yǔ)言等標(biāo)示語(yǔ)言放置到網(wǎng)站頁(yè)面上。而更復(fù)雜的信息如矢量圖形、動(dòng)畫(huà)、視頻、聲頻等多媒體檔案則需要插件程序來(lái)運(yùn)行,同樣地它們亦需要標(biāo)示語(yǔ)言移植在網(wǎng)站內(nèi)。

響應(yīng)式網(wǎng)站的四大缺陷---響應(yīng)式網(wǎng)站就是一個(gè)很大很大的坑。那么如何理解響應(yīng)式網(wǎng)站呢,怎么樣建設(shè)響應(yīng)式網(wǎng)站呢,響應(yīng)式網(wǎng)站和自適應(yīng)網(wǎng)站有什么不同呢,怎么樣快速制作(Make)一個(gè)響應(yīng)式網(wǎng)站呢
今天想要講的是響應(yīng)式網(wǎng)站四個(gè)致命缺陷:
1、就用戶(hù)體驗(yàn)度來(lái)講響應(yīng)式網(wǎng)站做得并不到位
響應(yīng)式網(wǎng)站設(shè)計(jì)基本原則是:自動(dòng)識(shí)別屏幕尺寸并做出相應(yīng)調(diào)整的網(wǎng)頁(yè)設(shè)計(jì),頁(yè)面布局和展示的內(nèi)容可能(maybe)會(huì)隨著屏幕尺寸變化而有所變化。響應(yīng)式布局不管使用(use)什么設(shè)備都是在服務(wù)器把數(shù)據(jù)(data)推送(push)到瀏覽器后,腳本或CSS自行檢測(cè)(jiǎn cè)設(shè)備屏幕大小后執(zhí)行對(duì)應(yīng)的樣式表內(nèi)容,并且一直通過(guò)本地腳本在監(jiān)聽(tīng)屏幕大小的變化,隨時(shí)做出樣式響應(yīng)的變化。
比如在1280x768分辨率的電腦屏幕上和在320x240分辨率的手機(jī)屏幕上顯示一樣的網(wǎng)站內(nèi)容的話(huà),內(nèi)容都擠一起無(wú)法看清楚。所以響應(yīng)式設(shè)計(jì)(Design)是選擇(Select)把部分內(nèi)容隱藏來(lái)解決這個(gè)問(wèn)題。但這樣的話(huà)頁(yè)面的表現(xiàn)效果(effect)就不是那么好了,用戶(hù)的交互(each other)體驗(yàn)也非常不友好。
比如下面這個(gè)響應(yīng)式網(wǎng)站,右邊移動(dòng)端和左邊電腦端相比,把產(chǎn)品展示模板隱藏了,這對(duì)用戶(hù)訪(fǎng)問(wèn)體驗(yàn)是非常不友好的。常熟百度推廣公司哪家好“世界很復(fù)雜,百度更懂你”,每天有超過(guò)1億人次在百度查找信息,企業(yè)在百度注冊(cè)與產(chǎn)品相關(guān)的關(guān)鍵詞后,就會(huì)被主動(dòng)查找這些產(chǎn)品的潛在客戶(hù)找到。而且左邊明顯不符合我們平??吹降囊苿?dòng)端的設(shè)計(jì)。同一個(gè)網(wǎng)站PC端和移動(dòng)端風(fēng)格(style)差異太大,感覺(jué)就是兩個(gè)沒(méi)有任何聯(lián)系的網(wǎng)站。
如果是單獨(dú)設(shè)計(jì)(Design)PC站和移動(dòng)站,就能整體考慮規(guī)劃,設(shè)計(jì)成一個(gè)整體風(fēng)格類(lèi)似功能相同的網(wǎng)站,避免像上面這種顯示上的突兀
從天貓的做法可以看到:移動(dòng)站界面是大家熟悉的和流行(Prevalent)的,交互上更接近APP的UI風(fēng)格。常熟百度推廣公司哪家好百度推廣是百度國(guó)內(nèi)首創(chuàng)的一種按效果付費(fèi)的網(wǎng)絡(luò)推廣方式,簡(jiǎn)單便捷的網(wǎng)頁(yè)操作即可給企業(yè)帶來(lái)大量潛在客戶(hù),有效提升企業(yè)知名度及銷(xiāo)售額。
2、響應(yīng)式網(wǎng)站代碼(code)因?yàn)椴痪?jiǎn)所以對(duì)網(wǎng)站優(yōu)化無(wú)利
百度對(duì)移動(dòng)站和PC站的關(guān)鍵詞處理策略不盡相同。如果網(wǎng)站設(shè)計(jì)成響應(yīng)式, 所有設(shè)備(shèbèi)訪(fǎng)問(wèn)同一份代碼,這就非常不利于百度關(guān)鍵詞優(yōu)化。
而且百度的搜索排名(Ranking)是區(qū)分移動(dòng)站和PC站的。如果PC站和移動(dòng)站是獨(dú)立分開(kāi)的,那么移動(dòng)站所做的百度排名,不會(huì)影響PC站的排名,PC站的百度優(yōu)化也可以獨(dú)立于移動(dòng)站進(jìn)行。
從商業(yè)推廣的角度來(lái)看的話(huà),移動(dòng)站和PC站分開(kāi)單獨(dú)做比設(shè)計(jì)(Design)成一個(gè)統(tǒng)一的響應(yīng)式網(wǎng)站會(huì)更好。
3、響應(yīng)式網(wǎng)站同樣因?yàn)榇a過(guò)多會(huì)導(dǎo)致網(wǎng)站打開(kāi)速度慢
響應(yīng)式網(wǎng)站的實(shí)現(xiàn)原理通常是通過(guò)css或js來(lái)控制(control)部分內(nèi)容顯示或不顯示,從而使得網(wǎng)站在移動(dòng)設(shè)備(shèbèi)上看起來(lái)也正常。常熟做網(wǎng)站多少錢(qián)網(wǎng)站設(shè)計(jì)是一個(gè)把軟件需求轉(zhuǎn)換成用軟件網(wǎng)站表示的過(guò)程,就是指在因特網(wǎng)上,根據(jù)一定的規(guī)則,使用Dreamweave
  R、photoshop等工具制作的用于展示特定內(nèi)容的相關(guān)網(wǎng)頁(yè)的集合。常熟百度推廣公司哪家好“世界很復(fù)雜,百度更懂你”,每天有超過(guò)1億人次在百度查找信息,企業(yè)在百度注冊(cè)與產(chǎn)品相關(guān)的關(guān)鍵詞后,就會(huì)被主動(dòng)查找這些產(chǎn)品的潛在客戶(hù)找到。但通過(guò)代碼(code)不顯示的內(nèi)容其實(shí)依然還在頁(yè)面上,只是表面看不見(jiàn)(不顯示)了而矣,所以瀏覽器依然還會(huì)加載這部分看不見(jiàn)的網(wǎng)頁(yè)代碼。也就是說(shuō)響應(yīng)式網(wǎng)站要比單獨(dú)的非響應(yīng)式網(wǎng)站加載更多的數(shù)據(jù)(data),從而造成流量(單位:立方米每秒)增加,而且網(wǎng)頁(yè)的打開(kāi)速度變慢。
比如說(shuō)單獨(dú)設(shè)計(jì)一個(gè)移動(dòng)端網(wǎng)站,整個(gè)頁(yè)面大小可能(maybe)是100kb,如果設(shè)計(jì)成響應(yīng)式網(wǎng)站(PC站和移動(dòng)站代碼合在一起)則頁(yè)面大小可能就是400kb甚至更多。導(dǎo)致打開(kāi)響應(yīng)式網(wǎng)站的時(shí)間相比非響應(yīng)式會(huì)慢很多,尤其是手機(jī)在用2
  G、3G網(wǎng)絡(luò)(Network)上網(wǎng)的情況下更明顯。
4、響應(yīng)式網(wǎng)站因?yàn)榧嫒菪远嬖?,但兼容性恰恰又是他的一個(gè)缺點(diǎn)
響應(yīng)式網(wǎng)站算是比較新的技術(shù)(Technology)了,運(yùn)用了很多html5的特性(characteristic]),只有瀏覽器的高版本才支持這些html5特性,尤其是微軟的IE瀏覽器對(duì)這一塊的支持比較弱。
當(dāng)然我們并不能完全去否定響應(yīng)式網(wǎng)站的存在,大家可以閱讀一下文章《什么是響應(yīng)式網(wǎng)站,有什么好處》。畢竟如果你為了去適應(yīng)所有的瀏覽器而去做那么多網(wǎng)站也是不現(xiàn)實(shí)的事情。

back

常熟市虞山鎮(zhèn)莫干路2號(hào)

? Copyright 2022 baichuangweb.com

版權(quán)所有 蘇ICP備16050462號(hào)-1 常熟做網(wǎng)站蘇公網(wǎng)安備 32058102001233號(hào)

友情鏈接:

本站關(guān)鍵詞:常熟網(wǎng)站制作 常熟做網(wǎng)站 常熟網(wǎng)絡(luò)公司

過(guò)往皆為序章 未來(lái)一切可期

掃一掃,加我微信