打造高速網站從網站指標開始: 全方位提升使用者體驗與流量的關鍵
作者：唐心皓 (Summer)
出版社：博碩文化股份有限公司
出版日期：2021/12/15

ISBN13 / 9789864349609

產品目錄
01 使用者怎麼看待「速度快」？
本章回顧

02 RAIL
RAIL
Response
Animation
Idle
Load
範例
本章回顧

03 網站指標（Web Vitals）
核心網站指標（Core Web Vitals）
載入速度（Load Speed）
載入互動性（Load Responsiveness）
視覺穩定性（Stability）與流暢性（Smoothness）
如何評估網站指標
本章回顧

04 工具
模擬測量與實地測量
合成監控與真實用戶監控
Lighthouse
PageSpeed Insights (PIS)
Chrome DevTools Performance Timeline
Search Console
Chrome User Experience Report (CrUX)
Web Vitals Chrome Extension
JavaScript 函式庫
工作流程
本章回顧

05 首次顯示內容（First Contentful Paint）
測量與檢視工具
評估標準
範例：比較不同渲染方式的 FCP 和 TTFB
本章回顧

06 最大內容繪製（Largest Contentful Paint）
測量與檢視工具
評估標準
優化方向
在瀏覽器輸入網址並送出後，到底發生了什麼事？
伺服器回應速度過慢
禁止轉譯的資源
資源載入速度過慢
範例
本章回顧

07 互動準備時間（Time to Interactive）
測量與檢視工具
評估標準
優化方向
本章回顧

08 總阻塞時間（Total Blocking Time）
測量與檢視工具
評估標準
優化方向
本章回顧

09 首次輸入延遲（First Input Delay）
測量與檢視工具
評估標準
優化方向
減少 JavaScript 程式碼的執行時間
使用 Web Worker 處理與使用者介面無關的複雜運算
範例
網站具有良好的 FID，而 TBT 卻十分的糟糕？
本章回顧

10 速度指數（Speed Index）
基本概念
測量與檢視工具
評估標準
優化方向
利用 Speedline 來計算 SI
本章回顧

11 累計版位配置位移（Cumulative Layout Shift）
測量與檢視工具
評估標準
優化方向
範例：為圖檔設定明確的尺寸比例
範例：FOIT / FOUT
範例：無限滾動
本章回顧

12 搜尋引擎優化（SEO）與網站指標
利用 Search Console 檢視核心網站指標
流量來自於具有良好品質的網頁
範例：改善核心網站指標
範例：改善行動裝置易用性
工作流程
總結

13 案例研討：趨勢科技（Trend Micro）Deep Discovery Director
背景
現況
基於路由的方式拆分程式碼
利用 react-loadable 實作動態載入
成效
將效能改善加入工作流程

14 案例研討：Mixtini
背景
現況
儘早建立網路連線
響應式圖檔
使用 CDN 服務存放圖檔
預先載入重要資源
FOIT / FOUT
圖檔設定明確尺寸
成效
總結

15 案例研討：露天拍賣 － 手機版網站商品頁問與答
背景與現況
避免元素移動大量的距離
加快使用者能輸入提問問題的時間點
成效
總結

16 未來方向與總結
未來方向
總結

附錄A 中英文名詞索引
規格

博碩文化股份有限公司

唐心皓 (Summer)

1

9789864349609

報價日期 : 2022-03-11

上架/刊登日期 : 2022-03-11
結束刊登日期 : 0000-00-00
最後更新時間 :2022-03-11

物品資訊
已購置年限： 年
廠牌：
型號：
零件或附件：無
物品說明：
1.本拍賣物品已超過使用年限，其它功能狀況不詳。 
2.拍賣物品計有：如物品名稱欄，實品拍照攝影。
3.本拍賣物品，以現況照片點交交貨，但不提供操作測試。
  4.本司不負拍賣品之民法上瑕疵擔保責任、不負保固責任、出貨後無法換貨及退貨。
  5.下單後，一律以店到店寄送服務，領取拍賣物前可先電話連絡承辦人。 
6.取貨時間 : 國定假日及連假除外。

其他條款
拍賣物品非新品，依現貨現狀拍賣點交，投標前請詳細審閱。