30 天學會 Web 前端效能優化
1. 前言
2. 傳輸層簡述
3. TCP 的確認機制
4. TCP 三向交握
5. 淺談 HTTP 協定
6. Life of an HTTP Request
7. 瀏覽器做了哪些事? - High Level View
8. 瀏覽器是如何建構 DOM 的?
9. flush early, flush often
10. CSSOM
11. CSS 選擇器與效能間的關係
12. Render-tree
13. Layout
14. Paint
15. 產生一個 frame 所需經過的過程
16. Composite
17. CSS 會阻擋頁面的 Rendering
18. Javascript 會阻擋 DOM Construction 的進行
19. CSS 會阻擋 Javascript 的執行
20. 瀏覽器 Pre-loader 的功用
21. 什麼是 Critical rendering path ?
22. 透過專案複習前面的知識1 - doc.write 的可怕
23. 透過專案複習前面的知識2 - 監測 jank
24. 透過專案複習前面的知識3 - 合併 JS
25. 透過專案複習前面的知識4 - compress JS & CSS
26. 透過專案複習前面的知識5 - 還有什麼是我們可以優化的嗎?
27. Navigation Timing API
28. YSlow
29. WebPagetest
30. 結語、延伸學習資源
內容引用自: http://blog.cgmlife.net/posts/2014/11/3 ... timization
[html][css][javascript][frontend]30 天學會 Web 前端效能優化
[html][css][javascript][frontend]30 天學會 Web 前端效能優化
多多留言, 整理文章, 把經驗累積下來.....