小爝的知乎Live-如何監控性能 & 分析數據
一，背景：
性能優化一直是前端開發中永恆的主題，在技術更新迭代越來越快的今天，傳統的雅虎35條優化軍規可能已經不能涵蓋前端優化方面的種種。
曾經的前端開發者最常見的誤區就是，我本地做了一個優化，然後就認為我完成了一次性能提升，但實際上你面對的用戶到底得到了多少提升，往往是不確定的，或者只是臆想的結論。
所以在做性能優化之前一定要先引入前端性能監控，了解用戶的一個整體性能情況。而如何來做性能監控，我們需要關注的性能指標可能每家企業都不盡相同，業界有統一的標準，但是又不一定適合各自的產品。
所以選擇指標，如何來給自己的產品定製性能基線，這部分嘗試在業界又很少有人分享和總結。
所以這次live，我也決定把我知道的，監控的種類和監控方式，一些監控性能的實踐心得分享出來，幾年前大家關注的指標是什麼？現在前端開發者們，用戶們最關心的指標又是什麼？
二，live主要內容：
在web開發中和在hybrid開發中，性能指標的制定差異在哪裡？傳統的web開發項目的優化手段是否滿足現在的spa開發方式，針對spa開發方式我們又有哪些方式可以嘗試優化手段。
在http2已經普及的今天，以前的一些網路優化方式可能已經過時，甚至會變成新的性能負擔。這些我都會在我的live中給大家講一講我的個人理解和體驗。
最後，乾貨部分，我會說一下，如何自己寫一個性能監控上報模塊，考慮的點有哪些。
一些重要的指標演算法和獲取方式的總結，如何根據數據方式來驗證我們的優化是否真的是一個優化？用戶到底是提升了什麼？是好是壞，本次live都會一一給大家道來。
當然，也會結合一些工作中的具體case，給大家說一說我最近優化的幾個頁面和優化入手點，思考方式。
如果你對現代的前端性能優化有興趣，不要錯過這次live。下面是本次live的一個大綱腦圖：
三，關於我和我的live：
你好，我是小爝，知乎「前端開發」話題優秀回答者，擁有近 9 年前端開發工作經驗，目前負責團隊前端架構和性能優化等工作，擅長 Node.js 和移動端開發、性能優化方案以及前端工程化的系統解決方案。
作為連接後台服務和用戶的中間環節，前端在產品中扮演重要作用。隨著前端技術的快速發展，現在前端工程師除了要負責過去的職責，還會涉及部分後端、跨平台的職能，變得越來越重要。
作為一名從事從業近 9 年的「前端老手」，我將在本場 Live 中圍繞性能優化、數據分析，分享實現高效前端開發的實踐經驗。本場 Live 將重點圍繞這 4 個方面：
1 ）前端性能監控的實施方案；
2 ）打點 SDK 的開發；3 ）上報數據的收集；
4 ）數據收集後的分析方法和工具。在此之後，我會以一個具體頁面作為案例，向你詳細介紹優化前端性能的著手點和方法論。本場 Live 除了適合前端工程師，同樣適合所有對前端感興趣的朋友。期待你的參與。
內容大綱：
- 普通的性能監控和前端性能監控的異同
- 前端需要關注哪些性能指標？如何收集這些指標？- 收集數據和數據落地分析工具 & 系統的搭建- 如何制定性能指標基線和觀察每次性能波動差異- 如何對具體頁面進行前端性能分析，配合監控數據，提出優化建議- Q&A ：回答你的問題高效前端實踐：如何監控性能 & 分析數據？
四，時間和後續交流
本次live會在2月10號晚上8點準時開始，歡迎參與和我一起討論前端性能優化的一些經驗，我們互相學習，分享經驗，參與live 的小夥伴，作為新年賀禮，結束後會建立一個後續的交流微信群，我會拉參與的各位以後持續的討論關於性能優化的各種知識。
也會在結束後10天左右，把live的文字版和完整ppt發到群里，多謝各位的支持。
推薦閱讀：