#perfmatters：效能達人的工具技術
熟悉開發工具的使用方式，是成為效能專家的關鍵。並預先討論效能的三個要素：網路、運算和算繪，提供各領域主要問題的導覽，以及可用於尋找與修正這些問題的工具。
- 您現在可以在 Android 裝置上，透過您熟悉愛用的開發人員工具分析 Chrome 的設定檔。
- 成效工作的疊代迴圈是：收集資料、取得洞察、採取行動。
- 優先處理網頁上重要轉譯路徑中的素材資源。
- 避免繪畫；因此費用昂貴
- 避免應用程式在重要時刻浪費記憶體和執行程式碼。
#perfmatters：最佳化網路效能
網路和延遲通常佔網站網頁載入時間總長的 70%。雖然這是很高的比例，但這也表示，您所做的任何改善，都能為使用者帶來莫大好處。在這堂講座中，Ilya 會逐一介紹 Chrome 近期所做的調整，如何縮短載入時間。此外，您可以在環境中做一些調整，讓網路負載降到最低。
- Chrome M27 推出全新改版的資源排程器。
- Chrome M28 提升 SPDY 網站的速度 (性能佳)。
- Chrome 的簡單快取已全面改版。
- SPDY / HTTP/2.0 的傳輸速度大幅提升。分為 nginx、Apache 和 Jetty (僅列舉三個) 可用的成熟 SPDY 模組。
- QUIC 是以 UDP 為基礎建構而成的全新實驗性通訊協定。過程很早，但一旦達成目標，使用者的勝出
#perfmatters：版面配置與轉譯 (60fps)
在專案中達到 60 FPS 的情況，與使用者的參與度直接相關，是成功的關鍵。在這場演講中，Nat 和 Tom 談論了 Chrome 的轉譯管道、導致影格遺失的常見原因和避免方法。
- 影格的長度為 16 毫秒。其中包含 JavaScript、風格計算、繪畫和合成。
- 繪畫費用「非常」昂貴。Paint Storm 是你非必要的重複亮漆作品。
- 圖層可用來快取繪製元素。
- 輸入處理常式 (觸控和滑鼠滾輪事件監聽器) 可能會終止回應；並盡量避免他們使用。無法將估算值降到最低。
#perfmatters：免安裝行動網路應用程式
關鍵轉譯路徑是指瀏覽器開始繪製網頁前所需的任何資源 (JavaScript、HTML、CSS、圖片)。請務必優先透過重要轉譯路徑提供資產，對於使用網路受限裝置 (例如行動網路上的智慧型手機) 的使用者來說，更是如此。Bryan 暢談 Google 團隊如何找出並優先管理 PageSpeed Insights 網站的素材資源，從 20 秒的載入時間縮短到 1 秒以上！
- 移除會妨礙顯示的 JavaScript 和 CSS。
- 優先處理要顯示的內容。
- 以非同步方式載入指令碼。
- 將初始檢視以 HTML 形式呈現在伺服器端，並運用 JavaScript 增強。
- 盡量減少會妨礙顯示的 CSS只放送顯示初始可視區域所需的樣式，然後放送其餘的樣式。
- 內嵌轉譯的 CSS 中的大型資料 URI 會對轉譯效能造成負面影響；會封鎖含有非阻塞式圖片網址的資源