|
-- 會員 / 註冊 --
|
|
|
|
Web性能實戰 ( 簡體 字) |
作者:[美]杰里米·瓦格納(Jeremy Wagner) | 類別:1. -> 程式設計 -> 綜合 |
譯者: |
出版社:人民郵電出版社 | 3dWoo書號: 52856 詢問書籍請說出此書號!【缺書】 NT售價: 495 元 |
出版日:6/1/2020 |
頁數:305 |
光碟數:0 |
|
站長推薦: |
印刷:黑白印刷 | 語系: ( 簡體 版 ) |
|
加入購物車 │加到我的最愛 (請先登入會員) |
ISBN:9787115538321 |
作者序 | 譯者序 | 前言 | 內容簡介 | 目錄 | 序 |
(簡體書上所述之下載連結耗時費功, 恕不適用在台灣, 若讀者需要請自行嘗試, 恕不保證) |
作者序: |
譯者序: |
前言: |
內容簡介:在Web 變得越來越復雜的時代,解決Web 性能問題正當時。本書旨在幫助讀者創建更加快速的網站,內容涵蓋Web 性能的基礎知識、性能評估工具、CSS 優化、圖像優化、字體優化、JavaScript 相關的內容、Brotli 壓縮算法、資源提示、配置緩存策略、HTTP/2,等等。 |
目錄:第 1 章 理解Web 性能 1 1.1 理解Web 性能 1 1.1.1 Web 性能和用戶體驗 1 1.1.2 Web 瀏覽器如何與Web 服務器通信 2 1.1.3 Web 頁面如何加載 4 1.2 上手準備 5 1.2.1 安裝Node.js 和Git 6 1.2.2 下載并運行客戶的網站 6 1.2.3 模擬網絡連接 7 1.3 檢查客戶網站 8 1.4 優化客戶網站 10 1.4.1 縮小資源 11 1.4.2 使用服務器壓縮 13 1.4.3 壓縮圖像 16 1.5 最終性能測試 18 1.6 小結 19 第 2 章 使用評估工具 20 2.1 使用Google PageSpeed Insights 進行評估 20 2.1.1 評估網站性能 20 2.1.2 使用Google Analytics 進行批量報告 23 2.2 使用基于瀏覽器的評估工具 24 2.3 檢查網絡請求 25 2.3.1 查看計時信息 25 2.3.2 查看HTTP 請求和響應頭 27 2.4 渲染性能檢查工具 29 2.4.1 理解瀏覽器如何渲染網頁 29 2.4.2 使用Google Chrome 的Performance 面板 30 2.4.3 識別問題事件:jank 是元兇 32 2.4.4 用JavaScript 在時間線中標記點 37 2.4.5 其他瀏覽器中的渲染分析器 38 2.5 在Chrome 中對JavaScript 進行基準測試 39 2.6 模擬和監控設備 40 2.6.1 在桌面Web 瀏覽器中模擬設備 41 2.6.2 在Android 設備上遠程調試網站 42 2.6.3 在iOS 設備上遠程調試網站 43 2.7 創建自定義網絡節流配置 44 2.8 小結 45 第3 章 優化CSS 47 3.1 直入主題,保持DRY 47 3.1.1 簡寫CSS 47 3.1.2 使用CSS 淺選擇器 50 3.1.3 挑選淺選擇器 51 3.1.4 LESS 和SASS 預編譯器:簡單就是美 52 3.1.5 不要重復自己 53 3.1.6 實現DRY 53 3.1.7 使用csscss 查找冗余 54 3.1.8 分割CSS 56 3.1.9 自定義框架下載 57 3.2 移動優先即用戶優先 58 3.2.1 移動優先與桌面優先 58 3.2.2 Mobilegeddon 算法 61 3.2.3 使用Google 的移動友好指南 62 3.2.4 驗證網站的移動友好性 63 3.3 對CSS 進行性能調整 63 3.3.1 避免使用 @import 聲明 63 3.3.2 @import 串行請求 64 3.3.3 并行請求 64 3.3.4 在中放置CSS 65 3.3.5 防止無樣式內容閃爍 65 3.3.6 提高渲染速度 66 3.3.7 使用更快的選擇器 66 3.3.8 構建和運行基準測試 67 3.3.9 檢查基準測試結果 68 3.3.10 盡可能使用flexbox 69 3.3.11 對比盒子模型和flexbox 樣式 69 3.3.12 檢查基準測試結果 70 3.4 使用CSS 過渡 71 3.4.1 使用CSS 過渡 71 3.4.2 觀察CSS 過渡性能 73 3.4.3 使用will-change 屬性優化過渡 74 3.5 小結 75 第4 章 理解關鍵CSS 76 4.1 關鍵CSS 及其解決的問題 76 4.1.1 理解折疊 76 4.1.2 理解渲染阻塞 77 4.2 關鍵CSS 的原理 78 4.2.1 加載首屏樣式 79 4.2.2 加載首屏以外內容的樣式 79 4.3 實現關鍵CSS 80 4.3.1 配置并運行菜譜網站 81 4.3.2 識別和分離首屏CSS 82 4.3.3 加載首屏以外內容的CSS 88 4.4 權衡收益 89 4.5 提升可維護性 91 4.6 多頁網站的注意事項 91 4.7 小結 92 第5 章 響應式圖像 94 5.1 為什么要考慮圖像傳輸 94 5.2 理解圖像類型及其應用 96 5.2.1 使用光柵圖像 96 5.2.2 使用SVG 圖像 99 5.2.3 選擇圖像格式 100 5.3 CSS 中的圖像傳輸 101 5.3.1 使用媒體查詢在CSS 中適配顯示器 101 5.3.2 通過媒體查詢適配高DPI 顯示器 104 5.3.3 在CSS 中使用SVG 背景圖像 106 5.4 在HTML 中傳輸圖像 106 5.4.1 圖像的全局max-width規則 107 5.4.2 使用srcset 107 5.4.3 使用 |
序: |
|