響應式和普通網站的優缺點分(fēn)析

響應式網站的優缺點分(fēn)析
  前言：
  首先，什麽是響應式網站？
  響應式網站是：設計的頁面将根據使用的行爲和設備的環境（系統平台，屏幕尺寸，屏幕方向等）進行響應和調整。
  具體(tǐ)的練習方法包括許多方面，包括使用靈活的網格和布局，圖片以及CSS媒體(tǐ)查詢。 無論用戶使用的是筆記本電(diàn)腦還是iPad，我(wǒ)們的頁面都應該能夠自動切換分(fēn)辨率，圖像大(dà)小(xiǎo)以及相關的腳本功能，以适應不同的設備； 換句話(huà)說，頁面應該能夠自動響應用戶的設備環境。 響應式網頁設計是網站可以與多個終端兼容，而不是爲每個終端制作特定版本。
  響應式網站是不夠的：它們的局限性更大(dà)，隻能适應某些簡單的網站。 例如，商(shāng)場類型的網站不适合。 太多的内容太複雜(zá)了。 對于響應式頁面，許多人認爲這是網站的跨平台解決方案。 但是對于大(dà)多數網站，它實際上是一(yī)種排版技術。 隻是這種排版技術帶有許多細節調整。
  優點：
  1.友好的用戶體(tǐ)驗
  随着計算機尺寸的多樣化和智能設備（平闆電(diàn)腦/智能手機）的普及，在當前追求用戶體(tǐ)驗至上的時代（2016年），以前的網站通常使用固定寬度（960像素），逐漸無法滿足需要 不同的設備和不同的分(fēn)辨率。 費(fèi)率要求。 在高分(fēn)辨率計算機寬屏監視器上，兩側都有太多空白(bái)。 在手機上顯示
  内容顯示太小(xiǎo)。 爲了清晰可見，用戶首先需要放(fàng)大(dà)界面，然後左右拖動界面。 響應式網站可以根據不同的終端，不同的大(dà)小(xiǎo)和不同的應用環境自動調整界面布局，顯示内容和内容大(dà)小(xiǎo)，提供了很好的視覺顯示效果和一(yī)緻友好的體(tǐ)驗。
  2.節省設計和開(kāi)發時間
  從設計的角度來看，一(yī)般而言，響應式網站界面僅需要設計兩組設計效果圖。 計算機端和鍵盤端基本上可以共享一(yī)組設計效果圖，而移動端可以重新設計一(yī)組。 從前端角度看從開(kāi)發的角度來看，無需開(kāi)發三套以不同方式完成的前端代碼，而僅需要根據關鍵點爲不同的終端開(kāi)發（如果它基于Bootstrap前端， 最終開(kāi)發框架，上面已經明确指出，這個問題将在下(xià)一(yī)次與您分(fēn)享。）三套不同的CSS樣式； 從以後的維護角度來看，您不再需要分(fēn)别維護pc界面，pad界面和移動界面，而專注于維護網站。
  3. SEO友好
  由于響應網站在不同的終端上都具有友好的界面顯示效果，因此用戶可以與網站保持聯系，例如URL保持不變和積累； 通過單個URL地址收集所有社交共享鏈接，以優化搜索引擎。 搜索引擎也越來越聰明，它們足夠聰明，可以完成移動網站和桌面網站之間的連接。
  Google還建議優先考慮響應式設計，因爲無論哪個版本的網頁具有相同的HTML，相同的内容，百度和Google都更易于處理。
  4.可以适應所有設備屏幕
  這可以說是響應式網站的最大(dà)優勢。 如今，技術日新月異，智能終端也在不斷更新，智能手機，VR設備，智能手表等正在層出不窮。 不可能一(yī)個人一(yī)個人地獨立開(kāi)發，但是如果您的響應式網站設計有所不同，則用戶可以始終與該網站保持聯系，這對用戶非常有用。
  5.維護少
  想象一(yī)下(xià)，如果您要開(kāi)發一(yī)個新的獨立移動台，無疑會增加您的工(gōng)作量。 實際上，您有兩個站點，但是如果響應式網站的維護成本絕對很小(xiǎo)，因爲它隻有一(yī)個站點，并且可以在所有設備上運行，從而大(dà)大(dà)減少了工(gōng)作量。
  缺點：
  1.設計和風格有局限性
  盡管響應式布局具有如此重要的優勢，但它并不是完美的，并且在許多方面都有其自身的局限性：
  自由度太低，并且限制相對較大(dà)。 在這種情況下(xià)，必須考慮移動終端和PC的性能。 例如，最普通的移動終端不具有懸停效果，并且PC必須認爲适當。
  您需要考慮在手機，平闆電(diàn)腦和PC的三個屏幕下(xià)方頁面上元素的顯示方式，這會造成很大(dà)的限制。
  由于響應頁面同時下(xià)載了多組CSS樣式，因此PC / pad的冗餘代碼可能會下(xià)載到手機上，這毫無意義，而且會浪費(fèi)流量資(zī)源。

2.對IE老闆的兼容性不友好
  對于舊(jiù)版本的IE（IE6，IE7，IE8），這是一(yī)個緻命的問題。 如果您的大(dà)多數網站用戶仍然使用舊(jiù)版本的IE，建議不要進行響應式網頁設計。
  3.缺乏靈活性
  根據不同終端的不同設備屬性，産品用戶體(tǐ)驗要求将完全不同。 功能性網站的更多内容不适合于響應式網站設計，例如：電(diàn)子商(shāng)務類型的網站，如果所有寬屏PC内容都将顯示在移動終端上，将不可避免地導緻網站上的界面非常長 移動終端。 重新設計了信息框的屬性，因此對響應站點的要求很高，實現難度和成本也很高。 但是，爲了改善大(dà)型網站的用戶體(tǐ)驗，通常的做法是将高分(fēn)辨率寬屏網站的最小(xiǎo)響應大(dà)小(xiǎo)響應爲1024px，并且不再适應移動終端。 移動終端重新設計并開(kāi)發了一(yī)個移動網站，簡稱爲2.5個響應，例如：電(diàn)子商(shāng)務網站Amazon，Calvin Klein，Nike，視頻(pín)網站Youtube等。
  4.速度可能會變慢(màn)
  由于響應頁面同時下(xià)載了多組CSS樣式代碼，因此PC和Pad的冗餘代碼可能會下(xià)載到手機上，這會導緻文件變大(dà)并影響加載速度。 但是，CSS樣式的代碼占用的内存少于圖片，因此，如果前端編程處理得當，則不會影響網站的加載速度。
  根據響應式網站的優缺點，我(wǒ)們可以很容易地看出該公司的官方網站和單頁促銷網站非常适合響應。
  風格的網站設計，因爲它們的界面内容相對較小(xiǎo)，結構相對簡單，所以在不同的終端，不同的尺寸
  調整網站信息框架，添加和減少内容，圖片，文本和網格響應更加容易。
  更多内容
  功能性網站不适合響應式網站設計，
  如：電(diàn)子商(shāng)務型網站。 但是随着技術的不斷發展，
  響應技術正在逐步改善，爲響應設計提供了強大(dà)的技術支持； 響應式設計可以在不同的終端上提供完美的顯示效果和友好的用戶體(tǐ)驗，從而符合用戶體(tǐ)驗至上的趨勢。 因此，響應式設計必須是未來的發展趨勢。