Web設計師在權衡外觀設計與網站性能時總是要作出艱難的選擇。良好的內容、布局、圖片和交互對於吸引用戶來說至關重要，這其中的素都會對頁面加載時間和網站的感知性能造成巨大影響。本書會幫助你在項目過程中將頁面速度放在首位，向你展示如何驗證關鍵的設計決策，從而提升頁面加載速度，打造優質用戶體驗。如果你是Web設計師或開發人員，想提升網站性能，本書很好適合你。頁面加載時間對網站和用戶的影響頁面速度的基礎知識：瀏覽器是如何獲取和渲染內容的優化和加載圖片的實戰如何清理HTML和CSS，優等

●目錄Steve Souders序 xiRandy  J. Hunt序 xiii前言  xv章  性能即用戶體驗  11.1  對品牌的影響  21.1.1  回訪用戶  21.1.2  搜索引擎排名  21.2  對移動用戶的影響  31.2.1  移動網絡  41.2.2  移動行為模式  61.2.3  移動硬件  71.3  設計師對性能的影響  8第2章  頁面速度初探  122.1  瀏覽器如何渲染內容  122.1.1  請求  132.1.2  連接  152.2  頁面大小  162.3  感知性能  182.3.1  關鍵渲染路徑  182.3.2  卡頓  212.4  影響頁面速度的其他因素  22書2.4.1  地理位置  222.4.2  網絡  232.4.3  瀏覽器  23第3  章 優化圖片  243.1  圖片格式的選擇  253.1.1  JPEG  253.1.2  GIF  293.1.3  PNG  323.1.4  額外的壓縮  363.2  替換圖片請求  383.2.1  精靈圖  383.2.2  CSS3  453.2.3  data URI 和Base64 編碼圖像  503.2.4  SVG  513.3  圖片使用規劃和改進  553.3.1  建立日常檢查機制  553.3.2  創建樣式指南  563.3.3  指導其他的圖片創作者  56第4  章 優化HTML 標記和樣式  584.1  簡化HTML  584.1.1  過度嵌套  594.1.2  語義化  604.1.3  可訪問性  634.1.4  框架和網格繫統  634.2  簡化CSS  654.2.1  未使用的樣式  664.2.2  合並及精簡樣式  674.2.3  精簡樣式圖片  724.2.4  去除特殊性  734.3  優化網絡字體  744.4  創建可復用的HTML 標記  774.5  關於HTML 標記的進一步思考  824.5.1  CSS 和JavaScript 加載  824.5.2  壓縮和gzip  844.5.3  資源緩存  86第5  章 響應式Web 設計  885.1  謹慎加載內容  895.1.1  圖片  895.1.2  字體  965.2  方案  975.2.1  項目文檔  975.2.2  移動優先  985.2.3  衡量一切  99第6  章 性能評估與迭代  1046.1  瀏覽器工具  1056.1.1  YSlow  1056.1.2  Chrome 開發者工具  1066.2  綜合測試  1086.3  真實用戶監控  1126.4  持續改變  114第7  章 權衡美感與性能  1187.1  找到平衡點  1187.2  將性能作為工作流程的一部分  1217.3  基於性能預算嘗試新設計  1217.4  結合性能試驗設計  122第8  章 改變組織文化  1258.1  性能衛士  1258.2  向上管理  1288.2.1  對業務指標的影響  1288.2.2  體驗網站速度  1308.3  與其他設計者和開發者工作  1328.3.1  培訓  1328.3.2  認可  133作者介紹  140封面介紹  140

本書探討如何提升網站性能，分8章詳細介紹性能提升所需的工具、軟件、方法，主要內容包括：頁面加載速度的基礎知識，圖片的格式和優化方法，HTML標記和樣式的優化，如何用好響應式Web設計，網站性能的評估方法，以及如何打造組織的性能文化。

[美] 拉臘·卡蘭德·霍根（Lara Callender Hogan） 著 趙望野 劉帥 譯