山西快乐十分走助手

公司新聞?COMPANY NEWS

石家莊網站制作|響應式網站的優缺點
發表時間:2019-06-12??瀏覽次數:
  響應網站設計應根據用戶使用的設備的分辨率大小進行相應的響應與調整,最大限度滿足不同設備用戶體驗需求。響應式網站設計就是一個網站能夠兼容多個終端,不需要為每個終端做一個特定的版本。簡單地理解:一個響應式網站=手機網站+pad端網站+PC網站。具體的實現方式由多方面決定,包括彈性網格、彈性圖片、CSS媒體查詢(media query)的使用等。彈性網格(flexible grids)可基于屏幕分辨率擴展或拉伸內容。彈性圖片(flexible grids)在小屏幕上可縮小尺寸,并可擴展大最大尺寸以支持大屏幕。媒體查詢(media queries)是放在站點HTML和樣式表中的代碼段,用來收集設備顯示能力的信息以支持多種形式的界面。
 
  響應式網站需要注意的細節太多,比如一個普通的JS效果,需要考慮3-4個終端的區別,編寫的JS代碼兼容性要非常好,根據以往開發經驗,這樣的細節注意要比普通網站多3-5倍。細節注意多了,開發周期就比較久,工時就是這樣上來的。
 
  市面上很多響應式網站往往是不考慮網速的,在移動端和PC端需要加載的頁面數據往往是一樣多,導致的結果是,如果用戶采用2G\3G的網速,不但速度慢而且耗流量。一個完美的響應式網站不應該是這樣的,但是做到這點需要的技術難度確是非常高,所以這也導致成本增加。
 
  下面為您介紹一下響應式網站的優缺點:
 
  優點
 
  1:用戶體驗友好隨著電腦尺寸多元化,智能設備(pad/智能手機)普及化,在當下追求用戶體驗至上的時代,之前網站普遍使用固定的寬度(960px或1000px)逐漸滿足不了現在不同設備與不同分辨率需求。在高分辨率電腦寬屏顯示器上,兩邊留白過多。在手機上顯示,內容顯示過小,用戶為了看清楚,首先需要放大界面,再左右拖拖界面。響應式網站可以根據不同終端、不同尺寸和不同應用環境,自動調整界面布局、展示內容、內容大小,提供非常好視覺展示效果,一致性友好體驗。
 
  2:SEO友好
 
  由于響應網站在不同終端有友好的界面展示效果,用戶可以與網站一直保持聯系,比如URL不變積累分享;通過單一的URL地址收集所有的社交分享鏈接最佳化搜索用引擎。搜索引擎也在變得越來越聰明,它們足夠智能可以完成移動網站和桌面網站的連接。
 
  3:多個網站只需一個后臺即可完成全部維護,無需額外增加負擔。說到這里你也許會說不做響應式的網站,做個手機站也可以數據同步,一個后臺。說得非常對,但是這只限于維護一般的新聞內容與產品等,并不是所有內容都可以一站同步。比如網站banner上與一些特定地方的圖片尺寸,就需要分兩次裁剪吧。
 
  缺點
 
  1:對低版本瀏覽器兼容性不友好對于老版本瀏覽器支持不好,這是一個致命的問題。老版本瀏覽器上打開響應式網站會經常出現圖片顯示不全,排版錯亂等情況。
 
  2:靈活性有所欠缺
 
  基于不同終端的設備屬性不同,對產品用戶體驗要求就會截然不同。內容比較多帶有功能性的網站不適合做響應式網站設計,如:電商類型網站,寬屏的pc端內容如果全部要在手機端進行展示,勢必導致手機端的界面非常長,需要根據手機端屬性進行重新信息框架設計,這樣對響應網站要求非常高,實現難度與成本非常高。但是大型網站為了提高用戶體驗,通常做法,把高分辨率寬屏網站最小的響應尺寸響應到1024px,不再適配手機端,手機端重新設計開發一套手機網站,簡單理解為2.5響應,如:電商網站亞馬遜、Calvin Klein、Nike、視頻網站Youtube等。
 
  3:速度可能會變慢
 
  由于響應式頁面是同時下載多套CSS樣式代碼,可能在手機上就下載PC、Pad的冗余代碼,導致文件變大,影響加載速度。不過CSS樣式的代碼占用內存相對圖片來說不算大,所以如果前端編程處理得好前提之下,這就不會影響網站加載速度。
 
  4:開發成本較高
 
  這個價格預算問題也往往是大家最關心的一個問題,說到這里大家可能覺得奇怪,響應式網站只是一個網站,為什么比手機站與電腦站分開做兩個要貴!主要原因是因為一、網站定制最重要的成本就是人力成本,響應式網站制作需要資深設計師與資深程序員。而獨立制作各版本只需要普通設計師和普通工程師即可,但是響應式網站開發則必須資深設計師和資深程序員才能搞定,所以導致非常大的區別。資深設計師與程序員與普通的對比,這個道理大家都懂得。
山西快乐十分走助手