圖1-5與圖1-6給出的是本書中要完成的頁面設計稿。
這是一位產品經理為本書而設計的。2023年年初sitepoint [6] **發布了一篇有關2023年網頁設計趨勢的文章《the big web design trends for 2015》 [7] 。文章中歸納了在2023年網頁設計中將會出現的趨勢性特徵，如大氣（make it big）、簡約（minimize）、扁平設計（flat design），在這次設計稿中都得以體現。
圖1-5所示為頁面桌面端樣式，圖1-6所示為頁面移動端樣式。如何實現這兩類樣式，並且讓這兩種版樣式的頁面共存於同一套**上，無縫、優雅地在不同裝置間切換是本書要實現的需求。在正式開始之前，針對這個貫穿始終的需求，讀者可能已經有了一些疑惑。
假設我們已用前端**實現了上述功能，而代價卻是過長的頁面載入時間和頓卡，這是得不償失的。但是功能的疊加與頁面的效能負擔卻又是正比關係。這就需要我們對功能做取捨，對**進行效能調優，這一類優化工作對移動端產品來說尤其重要。那麼，對於如何進行調優讀者可能又會有以下疑問。
所有這些問題，在本書中都會得到解答。
《高效能響應式Web開發實戰》一1 4 定義響應式
我們有沒有可能採用一種最直接的方式，用一句話闡述響應式在前端開發中究竟代指哪些技術？如果非要往前追溯對響應式技術的定義，一定要談alistapart 3 上的被奉為經典的兩篇文章，即 responsive web design 4 和 a dao of web design 5 在 responsi...
《高效能響應式Web開發實戰》一2 3 視口
2.3.1 桌面瀏覽器的視口 在桌面瀏覽器中，假設某個頁面的寬度設定為自適應的100 html 這意味著html寬度始終與瀏覽器寬度保持一致。同時，瀏覽器寬度也等價於瀏覽器可視區域寬度，所以在桌面瀏覽器中，瀏覽器可視區域大小決定了頁面的布局。所見即所得，瀏覽器視窗多大，就會以多大的尺寸影響頁面布局。...
高效能web優化（一）
資料在網路上傳輸的時間分成兩部分，一部分是使用者請求的資料報到達伺服器的時間，另一部分是伺服器的回應資料經由網路傳送給客戶端的時間，這兩部分的時間稱為響應時間。響應時間的大小取決於頻寬和資料量的大小。響應時間的其中大部分時間消耗在伺服器端，我們用吞吐率來衡量這部分時間，即每秒處理請求數。吞吐率影響因...