幫助中心 | 我的帳號 | 關於我們
進階搜尋
car

同類熱銷排行榜

最近瀏覽的商品

Web前端性能優化

  • 作者：編者:田佳奇|責編:張月萍
  • 出版社：電子工業
  • ISBN：9787121403583
  • 出版日期：2021/02/01
  • 裝幀：平裝
  • 頁數：239
人民幣：RMB 79 元      售價：元
放入購物車
加入收藏夾
內容大鋼
    本書以Web前端性能優化為關注點，不但給出了一套性能分析的思路與評價標準，而且針對影響網站性能的諸多方面分章節進行了詳細介紹。
    本書內容包括圖像方面的優化，資源載入方面的優化，如何編寫高性能的代碼，打包構建方面的優化，客戶端渲染的優化、伺服器端渲染，瀏覽器本地數據存儲，以及緩存技術所帶來的性能優化等，通過對這些內容的講述與分析，逐漸幫助讀者構建起相對完善的前端性能知識體系。
    本書同時結合性能檢測與優化實踐，讓讀者在面對實際的性能優化問題時，能夠將理論知識轉化為實踐能力。
    本書理論與實踐並重，既可以作為前端工程師進階性能優化領域的參考資料，又可以作為前端求職面試人員複習性能相關知識的工具手冊。
作者介紹
編者:田佳奇|責編:張月萍
    田佳奇，985院校軟體工程碩士，5年多前端開發經驗。曾供職于華為，負責某大數據可視化平台的前端開發工作。之前在有贊工作，負責過有讚美業SaaS系統在PC、H5和小程序多端的項目開發、持續集成及性能優化等工作。具有豐富的企業級項目開發經驗，現就職于阿里雲。
目錄
第1篇  前端性能優化概述
  第1章  什麼是性能優化
    1.1  性能的起因
    1.2  性能的影響
      1.2.1  用戶的留存
      1.2.2  網站的轉化率
      1.2.3  體驗與傳播
    1.3  性能評估模型
      1.3.1  響應
      1.3.2  動畫
      1.3.3  空閑
      1.3.4  載入
    1.4  性能優化的步驟
      1.4.1  性能測量
      1.4.2  生命周期
      1.4.3  優化方案
    1.5  本章小結.
  第2章  前端頁面的生命周期
    2.1  一道前端面試題
    2.2  網路請求線程開啟
      2.2.1  進程與線程.
      2.2.2  單進程瀏覽器
      2.2.3  多進程瀏覽器
    2.3  建立HTTP請求
      2.3.1  DNS解析
      2.3.2  網路模型
      2.3.3  TCP連接
    2.4  前後端的交互
      2.4.1  反向代理伺服器
      2.4.2  後端處理流程
      2.4.3  HTTP相關協議特性
      2.4.4  瀏覽器緩存.
    2.5  關鍵渲染路徑
      2.5.1  構建對象模型
      2.5.2  渲染繪製
    2.6  本章小結
第2篇  典型模塊的性能優化
  第3章  圖像優化
    3.1  圖像基礎
      3.1.1  圖像是否必需
      3.1.2  矢量圖和點陣圖
      3.1.3  解析度
      3.1.4  壓縮的有損和無損
    3.2  圖像格式
      3.2.1  JPEG
      3.2.2  GIF
      3.2.3  PNG
      3.2.4  WebP
      3.2.5  SVG
      3.2.6  Base

      3.2.7  格式選擇建議
    3.3  使用建議
      3.3.1  CSS Sprite
      3.3.2  Web字體
      3.3.3  注意display:none的使用
    3.4  本章小結
  第4章  載入優化
    4.1  圖像延遲載入
      4.1.1  什麼是延遲載入
      4.1.2  實現圖片的延遲載入：傳統方式
      4.1.3  實現圖片的延遲載入：Intersection Observer方式
      4.1.4  實現圖片的延遲載入：CSS類名方式
      4.1.5  原生的延遲載入支持
    4.2  視頻載入
      4.2.1  不需要自動播放
      4.2.2  視頻代替GIF動畫
    4.3  載入注意事項
      4.3.1  首屏載入
      4.3.2  資源佔位
      4.3.3  內容載入失敗
      4.3.4  圖像解碼延遲
      4.3.5  JavaScript是否可用
    4.4  資源優先順序
      4.4.1  優先順序
      4.4.2  預載入
      4.4.3  預連接
      4.4.4  預提取
    4.5  本章小結
  第5章  書寫高性能的代碼
    5.1  數據存取
      5.1.1  數據存取方式
      5.1.2  作用域和作用域鏈
      5.1.3  實戰經驗
    5.2  流程式控制制
      5.2.1  條件判斷
      5.2.2  循環語句
      5.2.3  遞歸
    5.3  字元串處理
      5.3.1  字元串拼接
      5.3.2  正則表達式
      5.3.3  優化正則表達式
    5.4  快速響應
      5.4.1  瀏覽器的限制
      5.4.2  非同步隊列
    5.5  其他建議
      5.5.1  避免多重求值
      5.5.2  使用位操作
      5.5.3  使用原生方法
    5.6  本章小結
  第6章  構建優化

    6.1  壓縮與合併
      6.1.1  HTML壓縮
      6.1.2  CSS壓縮
      6.1.3  JavaScript壓縮與混淆
      6.1.4  文件合併
    6.2  使用fis3進行前端構建
      6.2.1  構建流程
      6.2.2  構建實操
    6.3  使用webpack進行前端構建
      6.3.1  模塊打包工具
      6.3.2  安裝建議
      6.3.3  配置文件
    6.4  webpack的優化性能
      6.4.1  盡量與時俱進
      6.4.2  減少Loader的執行
      6.4.3  確保插件的精簡和可靠
      6.4.4  合理配置resolve參數
      6.4.5  使用DllPlugin
      6.4.6  將單進程轉化為多進程
      6.4.7  壓縮打包結果的體積
    6.5  本章小結
  第7章  渲染優化
    7.1  頁面渲染性能
      7.1.1  流暢的使用體驗
      7.1.2  渲染過程
    7.2  JavaScript執行優化
      7.2.1  實現動畫效果
      7.2.2  恰當使用WebWorker
      7.2.3  事件節流和事件防抖
      7.2.4  恰當的JavaScript優化
    7.3  計算樣式優化
      7.3.1  減少要計算樣式的元素數量
      7.3.2  降低選擇器的複雜性
      7.3.3  使用BEM規範
    7.4  頁面布局與重繪的優化
      7.4.1  觸發頁面布局與重繪的操作
      7.4.2  避免對樣式的頻繁改動
      7.4.3  通過工具對繪製進行評估
      7.4.4  降低繪製複雜度
    7.5  合成處理
      7.5.1  新增圖層
      7.5.2  僅與合成相關的動畫屬性
    7.6  本章小結
  第8章  伺服器端渲染
    8.1  頁面渲染
      8.1.1  頁面渲染的發展
      8.1.2  多層次優化方案
    8.2  Vue中的伺服器端渲染
      8.2.1  Vue的SSR基本流程
      8.2.2  Vue的SSR項目實例

    8.3  React中的伺服器端渲染
      8.3.1  項目搭建
      8.3.2  同構
      8.3.3  伺服器端渲染的路由設置
      8.3.4  結合Redux進行狀態管理
      8.3.5  通過中間層獲取數據
      8.3.6  處理樣式
      8.3.7  搜索引擎優化相關技巧
    8.4  本章小結
  第9章  數據存儲
    9.1  數據存儲概覽
      9.1.1  數據存儲分類
      9.1.2  Cookie
      9.1.3  Local Storage和Session Storage
      9.1.4  Web SQL
      9.1.5  IndexedDB
    9.2  通過Chrome開發者工具調試本地存儲
      9.2.1  調試Cookie
      9.2.2  調試Local Storage和Session Storage
      9.2.3  調試IndexedDB
      9.2.4  調試Web SQL
    9.3  IndexedDB實踐建議
      9.3.1  注意平台兼容性
      9.3.2  完善錯誤處理
      9.3.3  注意修改、刪除和過期
      9.3.4  存儲性能
    9.4  Cache Storage
      9.4.1  兼容與數據類型
      9.4.2  創建緩存並存儲數據
      9.4.3  刪除緩存
      9.4.4  檢索與查詢
    9.5  本章小結
  第10章  緩存技術
    10.1  HTTP緩存
      10.1.1  強制緩存
      10.1.2  協商緩存
      10.1.3  緩存決策
      10.1.4  緩存設置注意事項
    10.2  Service Worker緩存
      10.2.1  Service Worker概覽
      10.2.2  生命周期
      10.2.3  本地開發注意事項
      10.2.4  高性能載入
    10.3  Push緩存
      10.3.1  最後一道緩存
      10.3.2  Push緩存與預載入
    10.4  CDN緩存
      10.4.1  CDN概述
      10.4.2  應用場景
      10.4.3  優化實踐

    10.5  本章小結
第3篇  前端性能檢測實踐
  第11章  性能檢測
    11.1  性能檢測概述
      11.1.1  如何進行性能檢測
      11.1.2  常見的檢測工具
    11.2  Lighthouse
      11.2.1  使用方式
      11.2.2  性能狀況
      11.2.3  可訪問性
      11.2.4  最佳實踐
      11.2.5  搜索引擎優化
    11.3  Performance面板的使用
      11.3.1  使用方式
      11.3.2  面板信息
    11.4  本章小結

  • 商品搜索：
  • | 高級搜索
首頁│ 新手上路│ 客服中心│ 關於我們│ 聯絡我們│ Top↑│
Copyrightc 1999~2008 美商天龍國際圖書股份有限公司 臺灣分公司. All rights reserved.
營業地址:臺北市中正區重慶南路一段103號1F 105號1F-2F
讀者服務部電話：02-2381-2033 02-2381-1863　時間：週一-週五 10:00-17:00
　服務信箱：bookuu@69book.com 客戶、意見信箱:cs@69book.com
ICP證：浙B2-20060032