響應式網站建設有(yǒu)什麽缺點（響應式網站用什麽做(zuò)）

本篇文章(zhāng)給大家談談響應式網站建設有(yǒu)什麽缺點，以及響應式網站用什麽做(zuò)對應的(de)知識點，希望對各位有(yǒu)所幫助，不要忘了收藏本站喔。

本文目錄一(yī)覽：

• 1、響應式網站有(yǒu)什麽優缺點？
• 2、什麽是響應式網站？響應式網站有(yǒu)什麽優缺點？
• 3、建設一(yī)個響應式網站有(yǒu)什麽好處和(hé)缺點

響應式網站有(yǒu)什麽優缺點？

其實今天安徽碼農科(kē)技之所以寫這個響應式網站是因為(wèi)近兩年(nián)響應式網站确實很火，很多客戶通過業務員的(de)介紹感覺神乎其神，甚至網站業務員說得自(zì)己都相信了，把自(zì)己都騙了，覺得響應式無所不能，非常完美。其實響應式并不是沒有(yǒu)缺點，準确的(de)說也有(yǒu)很多緻命的(de)缺點。

什麽是響應式網站?

響應網站設計應根據用戶使用的(de)設備的(de)分辨率大小進行(xíng)相應的(de)響應與調整，最大限度滿足不同設備用戶體驗需求。響應式網站設計就是一(yī)個網站能夠兼容多個終端，不需要為(wèi)每個終端做(zuò)一(yī)個特定的(de)版本。簡單地(dì)理(lǐ)解：一(yī)個響應式網站＝手機(jī)網站＋pad端網站＋PC網站。具體的(de)實現方式由多方面決定，包括彈性網格、彈性圖片、CSS媒體查詢（media query）的(de)使用等。

彈性網格（flexible grids）

可(kě)基于屏幕分辨率擴展或拉伸內(nèi)容。

彈性圖片（flexible grids）

在小屏幕上可(kě)縮小尺寸，并可(kě)擴展大最大尺寸以支持大屏幕。

媒體查詢（media queries）

是放在站點HTML和(hé)樣式表中的(de)代碼段，用來收集設備顯示能力的(de)信息以支持多種形式的(de)界面。

下面安徽碼農科(kē)技就給大家總結一(yī)下響應式網站的(de)優缺點吧(ba) 。

響應式網站優點

1:用戶體驗友好

随着電腦尺寸多元化，智能設備（pad/智能手機(jī)）普及化，在當下追求用戶體驗至上的(de)時代（2016年(nián)），之前網站普遍使用固定的(de)寬度（960px或1000px）逐漸滿足不了現在不同設備與不同分辨率需求。在高(gāo)分辨率電腦寬屏顯示器上，兩邊留白過多。在手機(jī)上顯示，內(nèi)容顯示過小，用戶為(wèi)了看清楚，首先需要放大界面，再左右拖拖界面。響應式網站可(kě)以根據不同終端、不同尺寸和(hé)不同應用環境，自(zì)動調整界面布局、展示內(nèi)容、內(nèi)容大小，提供非常好視(shì)覺展示效果，一(yī)緻性友好體驗。

2:SEO友好

由于響應網站在不同終端有(yǒu)友好的(de)界面展示效果，用戶可(kě)以與網站一(yī)直保持聯系，比如(rú)URL不變積累分享；通過單一(yī)的(de)URL地(dì)址收集所有(yǒu)的(de)社交分享鏈接最佳化搜索用引擎。搜索引擎也在變得越來越聰明，它們(men)足夠智能可(kě)以完成移動網站和(hé)桌面網站的(de)連接。

3:多個網站隻需一(yī)個後台即可(kě)完成全部網站維護，無需額外增加負擔。說到這裏你也許會說不做(zuò)響應式的(de)網站，做(zuò)個手機(jī)站也可(kě)以數據同步，一(yī)個後台。說得非常對，但是這隻限于維護一(yī)般的(de)新聞內(nèi)容與産品等，并不是所有(yǒu)內(nèi)容都可(kě)以一(yī)站同步。比如(rú)網站banner上與一(yī)些特定地(dì)方的(de)圖片尺寸，就需要分兩次裁剪吧(ba)。

　　響應式網站缺點

1:對低(dī)版本浏覽器兼容性不友好

對于老版本浏覽器支持不好，這是一(yī)個緻命的(de)問題。老版本浏覽器上打開響應式網站會經常出現圖片顯示不全，排版錯亂等情況。

2:靈活性有(yǒu)所欠缺

基于不同終端的(de)設備屬性不同，對産品用戶體驗要求就會截然不同。內(nèi)容比較多帶有(yǒu)功能性的(de)網站不适合做(zuò)響應式網站設計，如(rú)：電商(shāng)類型網站，寬屏的(de)pc端內(nèi)容如(rú)果全部要在手機(jī)端進行(xíng)展示，勢必導緻手機(jī)端的(de)界面非常長(cháng)，需要根據手機(jī)端屬性進行(xíng)重新信息框架設計，這樣對響應網站要求非常高(gāo)，實現難度與成本非常高(gāo)。但是大型網站為(wèi)了提高(gāo)用戶體驗，通常做(zuò)法，把高(gāo)分辨率寬屏網站最小的(de)響應尺寸響應到1024px，不再适配手機(jī)端，手機(jī)端重新設計開發一(yī)套手機(jī)網站，簡單理(lǐ)解為(wèi)2.5響應，如(rú)：電商(shāng)網站亞馬遜、Calvin Klein、Nike、視(shì)頻網站Youtube等。

3:速度可(kě)能會變慢

由于響應式頁面是同時下載多套CSS樣式代碼，可(kě)能在手機(jī)上就下載PC、Pad的(de)冗餘代碼，導緻文件變大，影響加載速度。不過CSS樣式的(de)代碼占用內(nèi)存相對圖片來說不算大，所以如(rú)果前端編程處理(lǐ)得好前提之下，這就不會影響網站加載速度。

4:開發成本較高(gāo)

這個價格預算問題也往往是大家最關心的(de)一(yī)個問題，說到這裏大家可(kě)能覺得奇怪，響應式網站隻是一(yī)個網站，為(wèi)什麽比手機(jī)站與電腦站分開做(zuò)兩個要貴！主要原因是：

一(yī)、企業網站定制最重要的(de)成本就是人力成本，響應式網站制作需要資深設計師與資深程序員。而獨立制作各版本隻需要普通設計師和(hé)普通工程師即可(kě)，但是響應式網站開發則必須資深設計師和(hé)資深程序員才能搞定，所以導緻非常大的(de)區别。資深設計師與程序員與普通的(de)對比，這個道(dào)理(lǐ)大家都懂得，所以響應式網站價格較高(gāo)。

二、響應式網站需要注意的(de)細節太多，比如(rú)一(yī)個普通的(de)JS效果，需要考慮3-4個終端的(de)區别，編寫的(de)JS代碼兼容性要非常好，根據以往開發經驗，這樣的(de)細節注意要比普通網站多3-5倍。細節注意多了，開發周期就比較久，工時就是這樣上來的(de)。

三、市(shì)面上很多響應式網站往往是不考慮網速的(de)，在移動端和(hé)PC端需要加載的(de)頁面數據往往是一(yī)樣多，導緻的(de)結果是，如(rú)果用戶采用2G\3G的(de)網速，不但速度慢而且耗流量。一(yī)個完美的(de)響應式網站不應該是這樣的(de)，但是做(zuò)到這點需要的(de)技術難度确是非常高(gāo)，所以這也導緻成本增加。

溫馨提示 ：企業是否做(zuò)響應式網站，取決于對自(zì)身網站的(de)定位。若是一(yī)般的(de)企業官網，網站內(nèi)容較少，預算又充足，對網站頁面要求較高(gāo)的(de)客戶可(kě)考慮做(zuò)響應式網站。

若是想做(zuò)功能型網站，網站內(nèi)容較多，擇需要電腦手機(jī)分開做(zuò)。其實大家稍微注意一(yī)下就明白了。響應式真的(de)那麽好，為(wèi)什麽京東不做(zuò)呢(ne)，天貓淘寶不做(zuò)呢(ne)。一(yī)是技術實現太難，二是确實不适合做(zuò)這些功能型網站。

什麽是響應式網站？響應式網站有(yǒu)什麽優缺點？

一(yī)、什麽是響應式(自(zì)适應)網站?

響應式網站(簡稱RWD)，這個網站可(kě)以适應不同設備的(de)訪問(手機(jī)、平闆電腦、桌面計算機(jī))，方便用戶的(de)浏覽，減少用戶放大縮小的(de)操作，給用戶更好的(de)體驗，簡單而言就是一(yī)個界面，能在不同的(de)設備上訪問并看到不同的(de)效果，針對的(de)是展示形式。

二、優缺點

優點：

1、響應式網站的(de)智能化，用戶體驗友好

随着電腦尺寸多元化，智能設備（pad/智能手機(jī)）普及化，在當下追求用戶體驗至上的(de)時代，之前網站普遍使用固定的(de)寬度（960px）逐漸滿足不了現在不同設備與不同分辨率需求。在高(gāo)分辨率電腦寬屏顯示器上，兩邊留白過多。在手機(jī)上顯示，內(nèi)容顯示過小，用戶為(wèi)了看清楚，首先需要放大界面，再左右拖拖界面。

建設響應式網站，最大的(de)優勢就是具有(yǒu)智能化的(de)響應設計，這種網站能夠針對用戶設備顯現端的(de)尺寸不同，主動的(de)調整網站的(de)顯示方法，讓網站幾乎能夠适應所有(yǒu)的(de)顯示終端，而且還能夠在浏覽器中調整網站的(de)寬度，讓網站不會呈現出滾動條，使用戶不管在任何一(yī)種顯示器上浏覽網站，都不會呈現出布局紊亂、顯示不全、或者是出現亂碼的(de)情況，因而用最大程度的(de)是為(wèi)用戶能夠提高(gāo)網站體驗。

2、響應式網站也能節約設計開發成本

相對需要開發電腦網站、pad網站、手機(jī)網站來說，響應式網站節省設計開發成本的(de)。建設響應式的(de)網站，能夠讓客戶不會再用針對不同的(de)設備而制作pc版網站，或者是手機(jī)版的(de)網站，建設一(yī)個響應式的(de)網站，花一(yī)份的(de)錢，就能獲得兩種網站的(de)體會，最終實現一(yī)站多用的(de)作用效果，從後期維護角度來說，再不需要分别維護pc界面、pad界面、移動界面，專心維護一(yī)個網站即可(kě)，從而到達節約網站建設優化本錢。

3、響應式網站更利于優化

響應式建站相比傳統網站來講要簡練得多，且應用多媒體的(de)環境下，對搜索引擎的(de)抓取也是異常友好的(de)，是以網站優化起來加倍輕松。在PC端于移動端上的(de)推廣也不在需要分開優化推廣，隻需要做(zuò)好一(yī)個便能得到效果。

由于響應網站在不同終端有(yǒu)友好的(de)界面展示效果，用戶可(kě)以與網站一(yī)直保持聯系，比如(rú)URL不變積累分享；通過單一(yī)的(de)URL地(dì)址手機(jī)所有(yǒu)的(de)社交分享鏈接最佳化搜索引擎。搜索引擎也在變得越來越聰明，它們(men)足夠智能可(kě)以完成移動網站和(hé)桌面網站的(de)鏈接。Google也建議優先采用響應式設計，因為(wèi)無論是什麽網頁版本都是相同的(de)HTML、相同的(de)內(nèi)容，Google最容易處理(lǐ)。

不同設備上的(de)地(dì)址都一(yī)緻,不像以前,不同的(de)設備有(yǒu)不同的(de)地(dì)址。這樣可(kě)以搜索優化,讓谷歌網絡爬蟲更容易找到你的(de)網站,對網站的(de)改變,可(kě)以更快速的(de)在搜索引擎的(de)結果中得到更新，大大加快了網站收錄的(de)速度。

缺點：

1、 響應式網站加載需要一(yī)定的(de)時間

由于響應式頁面是同時下載多套CSS樣式代碼，可(kě)能在手機(jī)上就下載PC、Pad的(de)冗餘代碼，導緻文件變大，影響加載速度。還有(yǒu)一(yī)些圖片并沒有(yǒu)根據設備調整到适宜的(de)大小，而這正是導緻加載時間加倍的(de)原因。

2、響應式網站在優化搜索引擎時

關于響應式Web設計，為(wèi)搜索引擎确定關鍵字并不是一(yī)件簡單的(de)事情。因為(wèi)相比一(yī)般桌面用戶，移動用戶多數采用不同的(de)關鍵字，修改标題和(hé)其他事項都比較困難。

3、響應式網站影響Google的(de)排名

如(rú)果響應式網站僅僅根據移動內(nèi)容，它可(kě)能會影響到網站的(de)Google排名。由于Google不支持這樣的(de)網站，它不會對你的(de)網站進行(xíng)索引。

4、做(zuò)響應式網站所耗的(de)時間很多

如(rú)果企業計劃想把一(yī)個現有(yǒu)網站轉化成響應式網站，可(kě)能耗時更多。如(rú)果企業真的(de)想要一(yī)個響應式網站，建議企業最好從草(cǎo)圖開始設計。

5、對低(dī)版本浏覽器兼容性不友好

對于老版本浏覽器支持不好，這是一(yī)個緻命的(de)問題。老版本浏覽器上打開響應式網站會經常出現圖片顯示不全，排版錯亂等情況。

建設一(yī)個響應式網站有(yǒu)什麽好處和(hé)缺點

響應式網站優點如(rú)下：

響應式網站的(de)智能化

建設響應式網站，最大的(de)優勢是具有(yǒu)智能化的(de)響應設計，這種網站能夠針對用戶設備顯現端的(de)尺寸不同，主動的(de)調整網站的(de)顯示方法，讓網站幾乎能夠适應所有(yǒu)的(de)顯示終端，而且還能夠在浏覽器中調整網站的(de)寬度，讓網站不會呈現出滾動條，使用戶不管在任何一(yī)種顯示器上浏覽網站，都不會呈現出布局紊亂、顯示不全、或者是出現亂碼的(de)情況，因而用最大程度的(de)是為(wèi)用戶能夠提高(gāo)網站體驗。

響應式網站也能節約成本

建設響應式的(de)網站，能夠讓客戶不會再用針對不同的(de)設備而制作pc版網站，或者是手機(jī)版的(de)網站，建設一(yī)個響應式的(de)網站，花一(yī)份的(de)錢，就能獲得兩種網站的(de)體會，最終實現一(yī)站多用的(de)作用效果，然而到達節約網站建設本錢。

融入SEO的(de)響應式網站

建設響應式的(de)網站，為(wèi)了讓客戶網站有(yǒu)更好的(de)後續發展，一(yī)般都會在內(nèi)容和(hé)代碼編寫上，按照SEO原理(lǐ)進行(xíng)設計，讓網站具有(yǒu)更好的(de)SEO基礎，這樣響應式網站在上線的(de)今後，對搜索引擎會有(yǒu)愈加親和(hé)的(de)體現。而響應式網站融入SEO的(de)今後，網站後期就能夠免于二次優化，大大加快網站的(de)錄入，排名等。

建設響應式網站缺點如(rú)下：

第一(yī)、 響應式網站加載需要一(yī)定的(de)時間

在響應式設計中，要下載一(yī)些看起來并不必要的(de)HTML/CSS。還有(yǒu)一(yī)些圖片并沒有(yǒu)根據設備調整到适宜的(de)大小，而這正是導緻加載時間加倍的(de)原因。

第二、響應式網站在優化搜索引擎時

關于響應式Web設計，為(wèi)搜索引擎确定關鍵字并不是一(yī)件簡單的(de)事情。因為(wèi)相比一(yī)般桌面用戶，移動用戶多數采用不同的(de)關鍵字，修改标題和(hé)其他事項都比較困難。

第三、響應式網站影響Google的(de)排名

如(rú)果響應式網站僅僅根據移動內(nèi)容，它可(kě)能會影響到網站的(de)Google排名。由于Google不支持這樣的(de)網站，它不會對你的(de)網站進行(xíng)索引。

第四、做(zuò)響應式網站所耗的(de)時間很多

如(rú)果企業計劃想把一(yī)個現有(yǒu)網站轉化成響應式網站，可(kě)能耗時更多。如(rú)果企業真的(de)想要一(yī)個響應式網站，建議企業最好從草(cǎo)圖開始設計。

第五、響應式網站的(de)布局

響應式網站Web設計的(de)布局主要是液态的(de)，這正是設計者對設計款式欠缺好的(de)操控的(de)原因。

關于響應式網站建設有(yǒu)什麽缺點和(hé)響應式網站用什麽做(zuò)的(de)介紹到此就結束了，不知道(dào)你從中找到你需要的(de)信息了嗎 ？如(rú)果你還想了解更多這方面的(de)信息，記得收藏關注本站。