本世紀來最便捷于用戶的方式無疑于移動設備網站的開辟，如手機網站。移動端網站開發以來獲得了用戶群體的廣為關注，因為他的便捷和實用。同樣的，對于手機網站的建設也成為技術領域開始了新的辯論。怎樣的移動端網站才是用戶喜歡的的網站呢？是雷同于PC端的響應式設計嗎？今天筆者小丹和大家分享該文章就大家一起解密移動時代的優化網站。

首先對于谷歌來講，它提倡創建響應web設計支持創建專用的手機網站。第三種選擇也越來越流行web服務器呈現適當的HTML和CSS從相同的URL這取決于設備一個網頁在網站上被要求，這被稱為響應設計+服務器端組件。

本文將討論這些方法，現實世界的例子網站使用一個特定的方法提供了在每個部分，移動設備用于測試和收集數據的例子是使用iOS 5.0 iPhone 4。

響應網頁設計（RWD）

響應網頁設計通常使用CSS3媒體查詢來調整一個web頁面的布局是基于用戶的查看區域的大小。你使用相同的HTML顯示不同網頁布局臺式機、平板電腦、移動設備、電視等。

響應網頁設計的優點

內容校驗：你的網站包含相同的內容和HTML標記不管所使用的設備，為用戶提供一個類似的經驗。這將增加的重要性隨著越來越多的人依靠他們的智能手機上網的主要方式。一個網頁的網址：這使它更容易共享和鏈接到你的內容，他們不需要重定向讓設備優化視圖與專用的手機網站相比。

響應網頁設計的缺點

內容不會完全為移動設備優化：除非你使用一個移動先行的方法，您的web頁面將包含相同的信息作為它的桌面。將一個單獨的手機網站，你可以定制web頁面的內容只是為了移動用戶。慢的性能：一般的web頁面今天是大約1.3 MB據2013年1月的數據從HTTP存檔。可以防止不必要的下載使用RWD時，但在實踐中大多數響應網頁設計網站是相同或更大的規模。86%的網站測試手機性能研究的家伙Podjarny相同或更大的規模，在報道演講關于移動站點的性能。它可以更加困難，導航網站：移動用戶通常比桌面用戶想要執行不同的任務。他們也可能更習慣推出用戶界面設計模式。除非你為每個設備定制導航結構，可能存在可用性問題。

專用的手機網站

一些網站優化的經驗移動設備用戶通過創建一個單獨的手機網站，最常見的實現桌面網站重定向到子域。

一個專門的移動網站的優勢。容易單獨改變移動和桌面網站：改變只能局限于手機版或桌面版。更快的加載時間：因為你正在開發移動網站，只有你可以簡化和優化你的手機網站專門為移動用戶體驗。更容易導航：的導航結構和內容定制的任務由移動用戶。

一個專門的移動網站的缺點。每個頁面的多個網址：共享一個網頁在社交媒體成為一個問題，因為手機用戶將分享移動的URL，但桌面用戶可以點擊鏈接和手機版。為了防止重復內容搜索引擎優化問題，您將需要使用 rel="alternative"和rel="canonical"meta標記。同樣，當移動用戶在谷歌搜索和點擊桌面URL在搜索引擎的結果，他們會看到桌面版或被重定向到移動版本的頁面。如果移動版本的這個頁面不存在他們會得到一個錯誤。

不同的內容和功能：創建一個專門的手機網站的目的是為手機用戶特別定制的網站。這可能意味著切割出的內容和功能從而在一個不同的體驗。內容分支：你有兩個不同的內容，這將創建一個內容策略噩夢。需要重定向：移動用戶需要重定向到優化的觀點，反之亦然。重定向會增加頁面的加載時間，它也可以影響你的網站的搜索引擎優化。

不同的HTML和CSS從相同的URL

該方法創建一個慣于使用手機網站使用服務器端編程呈現自定義CSS和HTML為不同的設備。手機用戶將獲得一組代碼，而桌面用戶將獲得一組不同的代碼。這的主要目的是實現提高網站性能。該方法結合響應網頁設計時效果最好，這個實現被稱為響應網頁設計+服務器端組件。當使用這種方法時，是很重要的包括不同的HTTP，這樣機器人爬行的桌面和移動版本。

在理論上，響應網頁設計是最好的解決方案。但在實踐中大多數RWD網站沒有實現優化，導致緩慢的加載時間。在測試中，有一個專用的手機網站導致最快的加載時間，但與此實現的重大缺點。

我個人偏好是一個響應相結合的網頁設計和不同的HTML從相同的URL.這提供了所有的RWD的優點，同時克服了其兩個最大的缺點是多個文件下載和加載時間慢。