響應(yīng)式網(wǎng)站建設(shè)有什么缺點(diǎn)(響應(yīng)式網(wǎng)站建設(shè)有什么缺點(diǎn)嗎)
本篇文章給大家談?wù)勴憫?yīng)式網(wǎng)站建設(shè)有什么缺點(diǎn),以及響應(yīng)式網(wǎng)站建設(shè)有什么缺點(diǎn)嗎對(duì)應(yīng)的知識(shí)點(diǎn),希望對(duì)各位有所幫助,不要忘了收藏本站喔。
什么叫響應(yīng)式網(wǎng)站
響應(yīng)式布局,是一個(gè)網(wǎng)站能夠兼容多個(gè)終端——而不是為每個(gè)終端做一個(gè)特定的版本。
優(yōu)點(diǎn):
1、用戶體驗(yàn)友好
響應(yīng)式網(wǎng)站可以根據(jù)不同終端、不同尺寸和不同應(yīng)用環(huán)境,自動(dòng)調(diào)整界面布局、展示內(nèi)容、內(nèi)容大小,提供非常好視覺(jué)展示效果,一致性友好體驗(yàn)。
2、節(jié)省設(shè)計(jì)與開(kāi)發(fā)時(shí)間
響應(yīng)式網(wǎng)站界面只需要設(shè)計(jì)兩套設(shè)計(jì)效果圖,后期維護(hù)不需要分別維護(hù)pc界面、pad界面、移動(dòng)界面,專心維護(hù)一個(gè)網(wǎng)站即可。
3、SEO友好
由于響應(yīng)網(wǎng)站在不同終端有友好的界面展示效果,用戶可以與網(wǎng)站一直保持聯(lián)系,比如URL不變積累分享。
4、可以適應(yīng)所有設(shè)備屏幕
擁有了響應(yīng)式的網(wǎng)站設(shè)計(jì)則不同,用戶可以一直和網(wǎng)站保持聯(lián)系,而且它對(duì)用戶非常用好。
擴(kuò)展資料:
響應(yīng)式布局的缺點(diǎn)
1、設(shè)計(jì)與風(fēng)格有局限性
自由度太低,局限性較大。
2、對(duì)IE老板兼容性不友好
對(duì)于老版本IE(IE6、IE7、IE8)支持不好。
3、靈活性有所欠缺
基于不同終端的設(shè)備屬性不同,對(duì)產(chǎn)品用戶體驗(yàn)要求就會(huì)截然不同。內(nèi)容比較多帶有功能性的網(wǎng)站不適合做響應(yīng)式網(wǎng)站設(shè)計(jì)。
參考資料來(lái)源:百度百科—響應(yīng)式布局
建設(shè)一個(gè)響應(yīng)式網(wǎng)站有什么好處和缺點(diǎn)
響應(yīng)式網(wǎng)站優(yōu)點(diǎn)如下:
響應(yīng)式網(wǎng)站的智能化
建設(shè)響應(yīng)式網(wǎng)站,最大的優(yōu)勢(shì)是具有智能化的響應(yīng)設(shè)計(jì),這種網(wǎng)站能夠針對(duì)用戶設(shè)備顯現(xiàn)端的尺寸不同,主動(dòng)的調(diào)整網(wǎng)站的顯示方法,讓網(wǎng)站幾乎能夠適應(yīng)所有的顯示終端,而且還能夠在瀏覽器中調(diào)整網(wǎng)站的寬度,讓網(wǎng)站不會(huì)呈現(xiàn)出滾動(dòng)條,使用戶不管在任何一種顯示器上瀏覽網(wǎng)站,都不會(huì)呈現(xiàn)出布局紊亂、顯示不全、或者是出現(xiàn)亂碼的情況,因而用最大程度的是為用戶能夠提高網(wǎng)站體驗(yàn)。
響應(yīng)式網(wǎng)站也能節(jié)約成本
建設(shè)響應(yīng)式的網(wǎng)站,能夠讓客戶不會(huì)再用針對(duì)不同的設(shè)備而制作pc版網(wǎng)站,或者是手機(jī)版的網(wǎng)站,建設(shè)一個(gè)響應(yīng)式的網(wǎng)站,花一份的錢,就能獲得兩種網(wǎng)站的體會(huì),最終實(shí)現(xiàn)一站多用的作用效果,然而到達(dá)節(jié)約網(wǎng)站建設(shè)本錢。
融入SEO的響應(yīng)式網(wǎng)站
建設(shè)響應(yīng)式的網(wǎng)站,為了讓客戶網(wǎng)站有更好的后續(xù)發(fā)展,一般都會(huì)在內(nèi)容和代碼編寫上,按照SEO原理進(jìn)行設(shè)計(jì),讓網(wǎng)站具有更好的SEO基礎(chǔ),這樣響應(yīng)式網(wǎng)站在上線的今后,對(duì)搜索引擎會(huì)有愈加親和的體現(xiàn)。而響應(yīng)式網(wǎng)站融入SEO的今后,網(wǎng)站后期就能夠免于二次優(yōu)化,大大加快網(wǎng)站的錄入,排名等。
建設(shè)響應(yīng)式網(wǎng)站缺點(diǎn)如下:
第一、 響應(yīng)式網(wǎng)站加載需要一定的時(shí)間
在響應(yīng)式設(shè)計(jì)中,要下載一些看起來(lái)并不必要的HTML/CSS。還有一些圖片并沒(méi)有根據(jù)設(shè)備調(diào)整到適宜的大小,而這正是導(dǎo)致加載時(shí)間加倍的原因。
第二、響應(yīng)式網(wǎng)站在優(yōu)化搜索引擎時(shí)
關(guān)于響應(yīng)式Web設(shè)計(jì),為搜索引擎確定關(guān)鍵字并不是一件簡(jiǎn)單的事情。因?yàn)橄啾纫话阕烂嬗脩?,移?dòng)用戶多數(shù)采用不同的關(guān)鍵字,修改標(biāo)題和其他事項(xiàng)都比較困難。
第三、響應(yīng)式網(wǎng)站影響Google的排名
如果響應(yīng)式網(wǎng)站僅僅根據(jù)移動(dòng)內(nèi)容,它可能會(huì)影響到網(wǎng)站的Google排名。由于Google不支持這樣的網(wǎng)站,它不會(huì)對(duì)你的網(wǎng)站進(jìn)行索引。
第四、做響應(yīng)式網(wǎng)站所耗的時(shí)間很多
如果企業(yè)計(jì)劃想把一個(gè)現(xiàn)有網(wǎng)站轉(zhuǎn)化成響應(yīng)式網(wǎng)站,可能耗時(shí)更多。如果企業(yè)真的想要一個(gè)響應(yīng)式網(wǎng)站,建議企業(yè)最好從草圖開(kāi)始設(shè)計(jì)。
第五、響應(yīng)式網(wǎng)站的布局
響應(yīng)式網(wǎng)站W(wǎng)eb設(shè)計(jì)的布局主要是液態(tài)的,這正是設(shè)計(jì)者對(duì)設(shè)計(jì)款式欠缺好的操控的原因。
響應(yīng)式網(wǎng)站有什么優(yōu)缺點(diǎn)?
其實(shí)今天安徽碼農(nóng)科技之所以寫這個(gè)響應(yīng)式網(wǎng)站是因?yàn)榻鼉赡觏憫?yīng)式網(wǎng)站確實(shí)很火,很多客戶通過(guò)業(yè)務(wù)員的介紹感覺(jué)神乎其神,甚至網(wǎng)站業(yè)務(wù)員說(shuō)得自己都相信了,把自己都騙了,覺(jué)得響應(yīng)式無(wú)所不能,非常完美。其實(shí)響應(yīng)式并不是沒(méi)有缺點(diǎn),準(zhǔn)確的說(shuō)也有很多致命的缺點(diǎn)。
什么是響應(yīng)式網(wǎng)站?
響應(yīng)網(wǎng)站設(shè)計(jì)應(yīng)根據(jù)用戶使用的設(shè)備的分辨率大小進(jìn)行相應(yīng)的響應(yīng)與調(diào)整,最大限度滿足不同設(shè)備用戶體驗(yàn)需求。響應(yīng)式網(wǎng)站設(shè)計(jì)就是一個(gè)網(wǎng)站能夠兼容多個(gè)終端,不需要為每個(gè)終端做一個(gè)特定的版本。簡(jiǎn)單地理解:一個(gè)響應(yīng)式網(wǎng)站=手機(jī)網(wǎng)站+pad端網(wǎng)站+PC網(wǎng)站。具體的實(shí)現(xiàn)方式由多方面決定,包括彈性網(wǎng)格、彈性圖片、CSS媒體查詢(media query)的使用等。
彈性網(wǎng)格(flexible grids)
可基于屏幕分辨率擴(kuò)展或拉伸內(nèi)容。
彈性圖片(flexible grids)
在小屏幕上可縮小尺寸,并可擴(kuò)展大最大尺寸以支持大屏幕。
媒體查詢(media queries)
是放在站點(diǎn)HTML和樣式表中的代碼段,用來(lái)收集設(shè)備顯示能力的信息以支持多種形式的界面。
下面安徽碼農(nóng)科技就給大家總結(jié)一下響應(yīng)式網(wǎng)站的優(yōu)缺點(diǎn)吧 。
響應(yīng)式網(wǎng)站優(yōu)點(diǎn)
1:用戶體驗(yàn)友好
隨著電腦尺寸多元化,智能設(shè)備(pad/智能手機(jī))普及化,在當(dāng)下追求用戶體驗(yàn)至上的時(shí)代(2016年),之前網(wǎng)站普遍使用固定的寬度(960px或1000px)逐漸滿足不了現(xiàn)在不同設(shè)備與不同分辨率需求。在高分辨率電腦寬屏顯示器上,兩邊留白過(guò)多。在手機(jī)上顯示,內(nèi)容顯示過(guò)小,用戶為了看清楚,首先需要放大界面,再左右拖拖界面。響應(yīng)式網(wǎng)站可以根據(jù)不同終端、不同尺寸和不同應(yīng)用環(huán)境,自動(dòng)調(diào)整界面布局、展示內(nèi)容、內(nèi)容大小,提供非常好視覺(jué)展示效果,一致性友好體驗(yàn)。
2:SEO友好
由于響應(yīng)網(wǎng)站在不同終端有友好的界面展示效果,用戶可以與網(wǎng)站一直保持聯(lián)系,比如URL不變積累分享;通過(guò)單一的URL地址收集所有的社交分享鏈接最佳化搜索用引擎。搜索引擎也在變得越來(lái)越聰明,它們足夠智能可以完成移動(dòng)網(wǎng)站和桌面網(wǎng)站的連接。
3:多個(gè)網(wǎng)站只需一個(gè)后臺(tái)即可完成全部網(wǎng)站維護(hù),無(wú)需額外增加負(fù)擔(dān)。說(shuō)到這里你也許會(huì)說(shuō)不做響應(yīng)式的網(wǎng)站,做個(gè)手機(jī)站也可以數(shù)據(jù)同步,一個(gè)后臺(tái)。說(shuō)得非常對(duì),但是這只限于維護(hù)一般的新聞內(nèi)容與產(chǎn)品等,并不是所有內(nèi)容都可以一站同步。比如網(wǎng)站banner上與一些特定地方的圖片尺寸,就需要分兩次裁剪吧。
響應(yīng)式網(wǎng)站缺點(diǎn)
1:對(duì)低版本瀏覽器兼容性不友好
對(duì)于老版本瀏覽器支持不好,這是一個(gè)致命的問(wèn)題。老版本瀏覽器上打開(kāi)響應(yīng)式網(wǎng)站會(huì)經(jīng)常出現(xiàn)圖片顯示不全,排版錯(cuò)亂等情況。
2:靈活性有所欠缺
基于不同終端的設(shè)備屬性不同,對(duì)產(chǎn)品用戶體驗(yàn)要求就會(huì)截然不同。內(nèi)容比較多帶有功能性的網(wǎng)站不適合做響應(yīng)式網(wǎng)站設(shè)計(jì),如:電商類型網(wǎng)站,寬屏的pc端內(nèi)容如果全部要在手機(jī)端進(jìn)行展示,勢(shì)必導(dǎo)致手機(jī)端的界面非常長(zhǎng),需要根據(jù)手機(jī)端屬性進(jìn)行重新信息框架設(shè)計(jì),這樣對(duì)響應(yīng)網(wǎng)站要求非常高,實(shí)現(xiàn)難度與成本非常高。但是大型網(wǎng)站為了提高用戶體驗(yàn),通常做法,把高分辨率寬屏網(wǎng)站最小的響應(yīng)尺寸響應(yīng)到1024px,不再適配手機(jī)端,手機(jī)端重新設(shè)計(jì)開(kāi)發(fā)一套手機(jī)網(wǎng)站,簡(jiǎn)單理解為2.5響應(yīng),如:電商網(wǎng)站亞馬遜、Calvin Klein、Nike、視頻網(wǎng)站Youtube等。
3:速度可能會(huì)變慢
由于響應(yīng)式頁(yè)面是同時(shí)下載多套CSS樣式代碼,可能在手機(jī)上就下載PC、Pad的冗余代碼,導(dǎo)致文件變大,影響加載速度。不過(guò)CSS樣式的代碼占用內(nèi)存相對(duì)圖片來(lái)說(shuō)不算大,所以如果前端編程處理得好前提之下,這就不會(huì)影響網(wǎng)站加載速度。
4:開(kāi)發(fā)成本較高
這個(gè)價(jià)格預(yù)算問(wèn)題也往往是大家最關(guān)心的一個(gè)問(wèn)題,說(shuō)到這里大家可能覺(jué)得奇怪,響應(yīng)式網(wǎng)站只是一個(gè)網(wǎng)站,為什么比手機(jī)站與電腦站分開(kāi)做兩個(gè)要貴!主要原因是:
一、企業(yè)網(wǎng)站定制最重要的成本就是人力成本,響應(yīng)式網(wǎng)站制作需要資深設(shè)計(jì)師與資深程序員。而獨(dú)立制作各版本只需要普通設(shè)計(jì)師和普通工程師即可,但是響應(yīng)式網(wǎng)站開(kāi)發(fā)則必須資深設(shè)計(jì)師和資深程序員才能搞定,所以導(dǎo)致非常大的區(qū)別。資深設(shè)計(jì)師與程序員與普通的對(duì)比,這個(gè)道理大家都懂得,所以響應(yīng)式網(wǎng)站價(jià)格較高。
二、響應(yīng)式網(wǎng)站需要注意的細(xì)節(jié)太多,比如一個(gè)普通的JS效果,需要考慮3-4個(gè)終端的區(qū)別,編寫的JS代碼兼容性要非常好,根據(jù)以往開(kāi)發(fā)經(jīng)驗(yàn),這樣的細(xì)節(jié)注意要比普通網(wǎng)站多3-5倍。細(xì)節(jié)注意多了,開(kāi)發(fā)周期就比較久,工時(shí)就是這樣上來(lái)的。
三、市面上很多響應(yīng)式網(wǎng)站往往是不考慮網(wǎng)速的,在移動(dòng)端和PC端需要加載的頁(yè)面數(shù)據(jù)往往是一樣多,導(dǎo)致的結(jié)果是,如果用戶采用2G\3G的網(wǎng)速,不但速度慢而且耗流量。一個(gè)完美的響應(yīng)式網(wǎng)站不應(yīng)該是這樣的,但是做到這點(diǎn)需要的技術(shù)難度確是非常高,所以這也導(dǎo)致成本增加。
溫馨提示 :企業(yè)是否做響應(yīng)式網(wǎng)站,取決于對(duì)自身網(wǎng)站的定位。若是一般的企業(yè)官網(wǎng),網(wǎng)站內(nèi)容較少,預(yù)算又充足,對(duì)網(wǎng)站頁(yè)面要求較高的客戶可考慮做響應(yīng)式網(wǎng)站。
若是想做功能型網(wǎng)站,網(wǎng)站內(nèi)容較多,擇需要電腦手機(jī)分開(kāi)做。其實(shí)大家稍微注意一下就明白了。響應(yīng)式真的那么好,為什么京東不做呢,天貓?zhí)詫毑蛔瞿亍R皇羌夹g(shù)實(shí)現(xiàn)太難,二是確實(shí)不適合做這些功能型網(wǎng)站。
關(guān)于響應(yīng)式網(wǎng)站建設(shè)有什么缺點(diǎn)和響應(yīng)式網(wǎng)站建設(shè)有什么缺點(diǎn)嗎的介紹到此就結(jié)束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。