響應式和(and)普通網站的(of)優缺點分析

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

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