點擊下載：百度網盤
第1章 課程介紹
介紹這門課程要講的主要內容，講解方式、課程主線、以及能有的收穫。
1-1 課程導學 【課程背景，大綱速覽】 試看
第2章 性能優化的指標和工具 (告別前端小白，成爲大神的必經之路)
本章帶你們認識前端優化優化的重要性，瞭解當前的行業標準，流行的模型和測量工具，以及如何有針對性的進行性能的測量，解讀性能報告；還會學習到不少與性能相關的APIs的使用和實用的例子。
2-1 爲何要進行Web性能優化【企業剛需】
2-2 性能指標和優化目標【瞭解行業標準】
2-3 RAIL測量模型【黃金指南】
2-4 使用WebPageTest評估Web網站性能【快捷好用的在線分析工具】
2-5 使用LightHouse分析性能【一站式全面呈現性能指標】
2-6 使用Chrome DevTools分析性能【最大法寶】
2-7 經常使用的性能測量APIs【不可不知，打開精細化、自定義測量的大門】 試看
第3章 渲染優化 (與瀏覽器爲友，共進退)
本章涵蓋現代瀏覽器的渲染原理，詳細解讀各個環節的做用和相互聯繫，具體講解如何減小和避免迴流和重繪，還有如何解決佈局抖動的問題。
3-1 瀏覽器渲染原理和關鍵渲染路徑【大廠前端面試必考】
3-2 迴流與重繪, 如何避免佈局抖動
3-3 使用FastDom【防止佈局抖動的利器】
3-4 複合線程與圖層【深刻渲染流水線的最後一站】
3-5 避免重繪【必學，加速頁面呈現】
3-6 高頻事件防抖【解救頁面卡頓的祕藥】
3-7 React時間調度實現【中高級前端須要瞭解的React調度原理】
第4章 代碼優化 (快來看看怎樣寫出真正高性能的代碼)
本章主要了解在代碼層面上能夠進行的極致優化，涉及JavaScript，CSS和HTML的方方面面；較深的理論知識會作到深刻淺出的講解，讓你瞭解如何配合JS引擎寫會能夠被它有效優化的代碼。
4-1 JS開銷和如何縮短解析時間【爲何個人JS運行慢】
4-2 配合V8 有效優化代碼【路走對了才能快】
4-3 函數優化【必會】
4-4 對象優化【JS對象避坑地圖】
4-5 HTML優化【必會】
4-6 CSS對性能的影響 【必會】
第5章 資源優化 (經典性能優化解決方案)
本章學習如何對Web加載的資源進行有效的優化，不只涉及壓縮的知識，還詳細講解一些針對圖片、字體類資源自己特性和使用方式不一樣能夠帶來的性能提高。
5-1 資源的壓縮與合併【見效最明顯的優化方法】
5-2 圖片格式優化【多種圖片格式，哪一種最合適】
5-3 圖片加載優化【突破大型網站圖片加載的瓶頸】
5-4 字體優化【千萬不可忽略】
第6章 構建優化(揭開webpack性能優化的內幕)
本章講解基於Webpack項目如何進行全方位的性能優化，讓你的企業級應用速度翻倍。以一個基本webpack工程開始，逐項講解如何進行配置，達到優化的效果。
6-1 webpack的優化配置【瞭解這些優化配置纔敢說會用webpack】
6-2 webpack的依賴優化【小改動，大做用】
6-3 基於webpack的代碼拆分【讓網站按需加載】
6-4 手把手教你作webpack的資源壓縮
6-5 基於webpack的持久化緩存【大型企業級應用的必會技能】
6-6 基於webpack的應用大小監測與分析【webpack性能分析的法寶】
6-7 React按需加載的實現方式【中高級前端必會的React按需加載】
第7章 傳輸加載優化（前沿技術解決高訪問量網站性能優化問題）
本章包括了前沿的網絡加載優化技術，從瞭解現代網絡上的問題和多樣的流行技術解決方案，給大型、高訪問量的網站帶來質的飛躍。
7-1 啓用壓縮Gzip【必會的傳輸壓縮方案】
7-2 啓用Keep Alive【經過一個參數提速鏈接】
7-3 HTTP資源緩存【必會的HTTP緩存方法】
7-4 一次性理解Service workers技術，給網站提速
7-5 HTTP 2的性能提高
7-6 用流行的技術給前端減負
第8章 前沿優化解決方案
本章在以前章節知識點的基礎上，補充了更多流行的Web性能優化技術。以例子爲導向掌握用法。
8-1 拯救移動端圖標SVG【拯救移動端圖標】
8-2 使用Flexbox優化佈局（上）
8-3 使用Flexbox優化佈局（下）
8-4 優化資源加載的順序【給資源設置優先級】
8-5 預渲染頁面【提早完成任務的意義】
8-6 Windowing提升列表性能【開源節流，用什麼畫什麼】
8-7 使用骨架組件減小布局移動【論佔位置的重要性】
第9章 性能優化問題面試指南【能成竹在胸的一步】
本章在以前章節的基礎之上，針對當前高頻的性能優化相關問題進行剖析，讓你們同時瞭解應對的方法，如何準確理解問題，抓住重點進行做答。
9-1 Web加載&渲染基本原理
9-2 首屏加載優化
9-3 JavaScript 內存管理
第10章 互聯網外企offer與立足之道【能不能出國，就看這一章了】
本章向你們介紹互聯網外企面試中常見流程和考察重點，同時帶來在外企生存的職業經驗分享。
10-1 互聯網外企offer
10-2 英語與工做
本課程已完結
html