如何加速響應式網站的速度

　　響應式網站設計主導已經有一段時間。如果你打算設計一個網站，選擇建立一個本質上響應式的網站是你需要抉擇的。儘管響應式的網站有效能問題，但這些可以通過小的調整、壓縮和影像大小調整來解決。

　　基本上，響應式網站表現差一些使因為它載入所有載入到桌面的所有HTML元素。這意味著程式像在桌面一樣。如何為響應式網站提速？！響應式網站能夠載入壓縮影像。

　　進行需要考慮網頁大小的響應式設計時，你需要牢記這點：如果網頁在3秒鐘之內沒有相應，57%的手機使用者將會離開。所以，使你的網站響應是一件很重要的事情，另一件需要認真對待的事是網頁的效能，僅僅具有響應是不夠的。

　　如何改善網頁效能？

　　正如我們所說的，效能需要通過不斷改善來保持自身競爭優勢。如果你的網站已經進行了響應式設計並且願意檢查網站的效能，那麼你最好使用MobiTest，它可以幫助測試你網頁設計的效能。如果你還沒有建立你自己的設計，那麼與其經歷效能影響的痛苦，你最好在設計網頁時就把效能因素考慮進去。

　　為了讓你的網頁效能更好，你需要知道一些基本的知識。你需要限制載入網頁大小和資源，這樣才可以為設計的效能優化留出空間。

　　有條件的載入:

　　有條件的載入不允許載入時直接載入內容，這樣也確保了移動使用者不會因為下載網站而拖慢機器。你需要牢記這點，網站在每個優化階段需要進行全面的測試，這樣你就很容易就能看到是什麼引起的效能差異。

　　圖片: 

　　為了使網站吸引人我們要插入一些圖片，我們都知道在web上影像將佔用更多的空間。另外還有一點必須牢記：適用於桌面影像可能不完全適合其他裝置，它看起來很彆扭。

　　如果一個網站有很多私密的內容，這將更大的影響網站的效能。這可以通過改變影像元素的來源來克服，使用自適應影像可能是一個更好的辦法。

　　文字:

　　桌面和移動裝置的文字外觀是不同的。所以，記住你需要解決這個問題。FitText會幫你解決這個問題。它會基於螢幕尺寸自動更新字型的大小。但對標題它的作用很理想，對段落文字沒有作用。

　　為什麼選擇響應式設計? 

　　響應式設計已經吆喝了很長一段時間了，你不能像過去一樣建立網站，這是不符合現行標準的。你需要符合人們的期望，做一個實質上響應式的網站，要儘可能的創新。這是最新的網站設計趨勢。

　　這就像是開發網站時，一個移動使用者給桌面使用者分享一個網頁，需要有相同的體驗。具備響應式的網站就夠了，不需額外的工作。

　　總結:

　　智慧手機和平板電腦已經對世界市場造成了衝擊，PC的銷量急劇下降。後PC時代，你只能看到小尺寸產品業務。人們現在更傾向於在執行Android或iOS的裝置上工作。

　　手機使用率還在升高。這包括移動訪問使用者平均值提高23%，以及跳出率降低26%。總結來說，這些統計資料顯示：網站必須是響應式的，而且應該提供更好的效能。

　　英文來源：http://www.webdesigntalks.com/speed-responsive-websites/