從零開始搞監控系統（1）——SDK
目前市面上有許多成熟的前端監控系統，但我們沒有選擇成品，而是自己動手研發。這里面包括多個原因： 填補H5日志的空白 節約公司費用支出 可靈活地根據業務自定義監控 回溯時間能更長久 反哺運營和產品，從而優化產品質量 一次難得的練兵機會 前端監控地基本目的 ...
原文：從零開始搞監控系統（6）——較長的白屏時間
一 加載慢 在直播間有一個小時榜的Web頁面，經常有用戶反映點擊小時榜，彈出的頁面會有蠻長的一段 秒上下 時間白屏。 查看性能監控中的白屏時間，發現最多 . 秒，最少 . 秒平均每小時的白屏在 秒左右 有待優化 ，那么大概還有 秒的時間可能是其他原因造成的。 在頁面中會包含很多主播頭像，有可能是圖片太多阻塞了渲染，於是將主播的頭像都改成異步加載，在調試的時候直接將他們都隱藏掉，並且在動態讀取的部分 ...
2021-07-12 07:26 1 643 推薦指數：
相關推薦
從零開始搞監控系統（3）——性能監控
的還是W3C性能參數的第一版，現在已有第二版了。 在2020年，根據自己所學整理了一套監控系統，代號菠蘿， ...
從零開始搞監控系統（5）——小程序監控
，目前也有一個錯誤日志列表，其中也有比較詳盡的錯誤信息，可配合監控系統使用。 一、SDK 1） ...
從零開始搞監控系統（4）——內存泄漏
在將監控日志的服務獨立部署后，還是發現CPU會在不特定時間段（例如21~22、23~02等）飆到70%，內存也是一路飆升不會下降，明顯是出現了內存泄漏。 需要進一步做優化，於是開通了阿里雲的 Node.js 性能平台。 一、Node.js性能平台 要使用此工具需要 ...
從零開始搞監控系統（2）——存儲和分析
一、存儲 在將數據傳送到后台之前，已經做了一輪清洗工作，如果有需要還可以再做一次清洗。 日志表如下所示，自增的 id 直接偷懶使用了 bigint，沒有采用分表等其他技術。 ...
從零開始搞監控系統（7）——監控頁面奔潰
頁面奔潰包含兩種場景，第一種是瀏覽器在加載網頁時遇到問題導致的奔潰，另一種是因為腳本渲染出錯導致頁面空白無內容的奔潰。 前段時間運營抱怨有張活動頁出現了空白（第二種奔潰場景），導致用戶無法訪問，希望我們能主動監控到這種情況，而不是通過用戶的上報。 后面和運維溝通，他那邊目前只能監控 ...
從零開始搞后台管理系統（2）——shin-server
shin 的讀音是[ʃɪn]，諧音就是行，寓意可行的后端系統服務，shin-server 的特點是： 站在巨人的肩膀上，依托KOA2、bunyan、Sequelize等優秀的框架和庫所搭建的定制化后端系統服務。 一套完整的 Node.js 后端服務解決方案。 調試便捷，實時打印 ...
從零開始搞后台管理系統（1）——shin-admin
shin 的讀音是[ʃɪn]，諧音就是行，寓意可行的后台管理系統，shin-admin 的特點是： 站在巨人的肩膀上，依托Umi 2、Dva 2、Ant Design 3和React 16.8搭建的定制化后台。 介於半成品和成品之間，有很強的可塑性，短期內你就能把控全局 ...