第七屆iT邦幫忙鐵人賽 - 「30 天學會 Web 前端效能優化」系列文章整理

很慶幸這次能夠參賽第七屆iT邦幫忙鐵人賽,準備每一篇文章時都讓我從中學到非常多東西,也很高興這一次能夠榮獲優選。這次產出的作品質量並沒有達到自己原先的期待,一方面是因為當初規劃文章時沒有思慮清楚,一方面也是因為能夠撰寫文章的時間不多的關係,常常都是在很緊急的狀態下產出的,不過無論如何,鐵人賽真的是非常有意義的活動,雖然要堅持三十天不中斷撰寫技術文章非常不容易,但完成這項任務所得到的收穫是大於所付出的辛勞的。

正如當初我針對「30 天學會 Web 前端效能優化」這個題目訂定的介紹一般,我希望這一系列文章對於想要學習 Web 前端效能優化的人可以成為很棒的指南,為了以免往後鐵人賽網站關閉而使文章失連,我決定把這三十篇文章的連結集中整理在這一篇文章當中,希望對各位有所幫助。

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

歡迎分享此篇文章以及其他篇文章的「網址」,但請勿未經允許複製文章內容,感謝配合。

comments powered by Disqus
分享至 Facebook 分享至 Google +