前端性能監控

❶ 性能測試知多少

但是，性能測試不是loadrunner，所有的作者也是這么認為的。但他們在講性能測試的時候講的就是loadrunner有，只是講的多少不同罷啦。 你是否覺得我對loadrunner有仇？我之所以將其分開來學，只是希望自己在學習性能測試的時候不要被loadrunner局限了而已。只是覺得在做性能測試時不要帶loadrunner的思維，這樣更容易把握性能測試的本質。----------------------------------------------------- 性能測試工具，從廣義上講，在性能測試過程中使用到的所有工具都可以稱其為性能測試工具。從狹義上來講，我們可以把性能測試工具分為伺服器端性能測試工具與前段性能測試工具。 伺服器端性能測試工具也我們測試人員通常所認為的性能測試工具。LoadRunner、JMeter、SilkPerformance、伺服器端壓力性能工具需要支持產生壓力和負載，錄制和生成腳本，設置和部署場景，產生並發用戶和向系統施加持續的壓力。 前端性能測試工具應用比較廣泛，開發人員，前端開發人員、測試人員都會經常用到。Firebug 、fildder2、Yslow 、前端性能測試工具只需要關於心瀏覽器等客戶端工具對具體需要展現的頁面的處理過程。 伺服器性能測試工具原理 性能測試工具的主要作用是通過模擬生產環境中的真實業務操作，對被測試系統實行壓力負載測試，監視被 測試系統在不同業務、不同壓力性能下的性能表現，找出潛在的性能瓶頸進行分析、優化。 客戶端與伺服器相當於兩個人，通過信息來進行交流。由於初次見面不好意思直接交流，與是找來了中間傳話人，客戶端把信息告訴給傳話人，由傳話人來轉達給伺服器。那麼伺服器反饋的信息也由傳話人轉達給客戶端。一般性能測試工具都需要錄制或編寫客戶端行為腳本。 這樣傳達人就有了客戶端的行為能力，從而假扮客戶端來欺騙伺服器，與之進行通信。有了客戶端行為了傳達人可以進行自我復制。從而變出N多個傳達人對伺服器進通信。---這個傳達人的行為和能力也就是性能測試工具的基本特質。（突然覺得性能工具像第三者插足，而且是可以自我復制瘋狂變態的第三者，哈哈！） 對於目前流行的性能測試工具，他們的基本工作原理都是一致的。在客戶端通過多線程或多進程模擬虛擬用戶訪問，對伺服器端施加壓力，然後在過程中監控和收集性能數據。性能測試工具應該具備什麼的特質呢？1、工具本身佔用系統資源少，可擴展性好，可用性強。 2、能模擬真實業務事務操作，在並發時能真正產生業務壓力。（這一點是核心）3、對壓力測試結果能很好地進行性能分析，快速找出被測試系統的瓶頸。4、測試腳本的重復性強。 伺服器性能測試工具的架構 用戶行為生成部分 我為什麼說的這么朦朧，對於熟悉loadrunner的朋友，我說成虛擬用戶腳本生成器，你更容易理解，這個腳本，我們可以錄制，也可以手工編寫。你不要以為這是生成用戶行為的唯一方式。因為在JMeter成中是添加各種組件，通過對組件的配置來完成用戶行為的，當然也可以通過錄制。而在相對簡陋的性能測試工具curl_loader（linux環境下的運行的），他是通過編寫配置文件的形式來描述用戶形為的。 我前面也有提了，雖然性能測試工具由不同的形式來描述，但他們的原理是一樣的，都是通過Proxy方式來實現，具體來說，Proxy作為客戶端和伺服器之間的中間人，接收客戶端的數據包。 壓力產生器 壓力產生器用於根據腳本內容產生實際的負載，在性能測試工具中，壓力產生器扮演著「產生負載」的角色。也就根用戶的設置，進行自我復制來生成多個客戶端向伺服器發送請求。對於工具來說，每復制出來的一份就是一個進程或線程，進程和線程的運行是要佔用系統資源的。所以，對一台壓力測試機來說能運行的虛擬用戶數也是有限的。根基測試機的配置而定。那麼這個時候就要通過多台測試機合作，來模擬更多的虛擬用戶向伺服器發請求。 那麼，對於性能測試來說，很重要的一點就是產生「並發」的請求，不然就不會對伺服器產生壓力。那多台機子如何產生「步調一致」的虛擬用戶呢？使用「用戶代理」 用戶代理 用戶代理是運行在負載機上的進程，該進程與產生負載壓力的進程或線程協作，接收調度系統的命令，調度產生負載壓力的進程或線程，從這個意義上看，用戶代理也是壓力產生器的一部分。 調度能力 我們在做復雜的性能測試時，常常會設計各種場景，不同的虛擬用戶數，不同事務的用戶比例，運行時間，設置同步點等，這個時候也需要我們的測試工具有壓力調度能力。從而才能更真實的模擬我們所設計的運行場景。 監控系統 監控系統是性能測試工具直接與用戶進行交互的主要部分，監控系統，主要用戶在壓力測試過程中對各種軟硬體進行監控，如對資料庫、應用伺服器，伺服器的主要性能表現情況進行監控。用於判斷系統當前處於什麼狀態。 當然，監控系統不是性能工具必須的部分，可以通過軟硬體系統自身的監控工具或者第三方監控工具進行監控。但是否有強大的性能計數器監控系統是衡量性能測試工具是否強大的指標之一。 壓力結果分析 壓力結果分析工具可以用來輔助進行測試結果的分析，性能測試工具一般都能將監控系統獲取的性能技術數器值生成曲線圖，折線圖等各種圖表。通過展現性能測試過程中的各種參數指標，來供測試人員進行分析。 但這里需要強調的是，壓力結果分析工具本身不能代替分析者進行性能結果分析，而只是提供多種不同的數據揭示和呈現方法而已。對於這些數據進行分析必然要依靠測試工程師對系統性能分析的知識和經驗。------------------------------------------------------- 對上面介紹的性能測試工具架構的組成部分，不是第一個性能測試工具都具備，而所具備的強大程度也不相同。比如，有些性能測試工具不具備用戶代理能，有些監控系統能監控的資源很有限或簡陋，有些結果分析數據的呈現不夠詳盡等。

❷ 海康威視監控系統，即客戶端控制電腦前端（就是處理視頻的設備）包括哪幾部分

監控系統
典型的電視監控系統主要由前端監視設備、傳輸設備、後端存儲、控制及顯示設備這五大部分組成，其中後端設備可進一步分為中心控制設備和分控制設備。前、後端設備有多種構成方式，它們之間的聯系（也可稱作傳輸系統）可通過電纜、光纖、微波等多種方式來實現。[
雲台
在前面的介紹中我們常提到雲台，但有的人對它沒有什麼感性認識，其實雲台就是兩個交流電機組成的安裝平台，可以水平和垂直的運動。我們所說的雲台區別於照相器材中的雲台，照相器材的雲台一般來說只是一個三腳架，只能通過手來調節方位；而監控系統所說的雲台是通過控制系統在遠端可以控制其轉動方向的。 雲台有多種類型： 按使用環境分為室內型和室外型，主要區別是室外型密封性能好，防水、防塵，負載大。 按安裝方式分為側裝和吊裝，即雲台是安裝在天花板上還是安裝在牆壁上。 按外形分為普通型和球型，球型雲台是把雲台安置在一個半球形、球形防護罩中，除了防止灰塵干擾圖像外，還隱蔽、美觀、快速。 在挑選雲台時要考慮安裝環境、安裝方式、工作電壓、負載大小，也要考慮性能價格比和外型是否美觀。

支架
如果攝像機只是固定監控某個位置不需要轉動，那麼只用攝像機支架就可以滿足要求了。普通攝像機支架安裝簡單，價格低廉，而且種類繁多。 普通支架有短的、長的、直的、彎的，根據不同的要求選擇不同的型號。室外支架主要考慮負載能力是否合乎要求，再有就是安裝位置，因為從實踐中我們發現，很多室外攝像機安裝位置特殊，有的安裝在電線桿上，有的立於塔吊上，有的安裝在鐵架上……由於種種原因，現有的支架可能難以滿足要求，需要另外加工或改進，這里就不再多說了。

防護罩
防護罩也是監控系統中最常用的設備之一，主要分為室內和室外兩種。
監視器
監視器是監控系統的標准輸出，有了監視器我們才能觀看前端送過來的圖像。監視器分彩色、黑白兩種，尺寸有9、10、12、14、15、17、21英寸等，常用的是14英寸
視頻放大器
當視頻傳輸距離比較遠時，最好採用線徑較粗的視頻線，同時可以在線路內增加視頻放大器增強信號強度達到遠距離傳輸目的。
錄像機
監控系統中最常用的記錄設備是民用錄像機和長延時 錄像機，因其操作簡單易學，錄像帶也容易保存和購買。

❸ 前端開發 「性能」有多重要

關於頁面相應時間，有一條著名的「2-5-8原則」。當用戶訪問一個頁面：

在2秒內得到響應時，會感覺系統響應很快；
在2-5秒之間得到響應時，會感覺系統的響應速度還可以；
在5-8秒以內得到響應時，會感覺系統的響應速度很慢，但可以接受；
而超過8秒後仍然無法得到響應時，用戶會感覺系統糟透了，進而選擇離開這個站點，或者發起第二次請求。

對於一個網站如果希望抓住用戶，網站的速度以及穩定性是非常重要的。

從各式各樣的前端監控平台中，你都可以獲得頁面很多的性能指標。本文將介紹幾個幾個比較關鍵的指標，並給出相應的優化思路。

開始渲染時間

該時間點表示瀏覽器開始繪制頁面，在此之前頁面都是白屏，所以也稱為白屏時間。

該時間點可用公式Time To Start Render = TTFB（Time To First Byte） + TTDD（Time To Document Download） + TTHE（Time To Head End）表示。其中TTFB表示瀏覽器發起請求到伺服器返回第一個位元組的時間，TTDD表示從伺服器載入HTML文檔的時間，TTHE表示文檔頭部解析完成所需要的時間。在高級瀏覽器中有對應的屬性可以獲取該時間點。Chrome可通過chrome.loadTimes().firstPaintTime獲取，IE9+可以通過performance.timing.msFirstPaint獲取，在不支持的瀏覽器中可以根據上面公式通過獲取頭部資源載入完的時刻模擬獲取近似值。開始渲染時間越快，用戶就能更快的看見頁面。

對於該時間點的優化有：

1)優化伺服器響應時間，伺服器端盡早輸出
2)減少html文件大小
3)減少頭部資源,腳本盡量放在body中

DOM Ready

該時間點表示dom解析已經完成，資源還沒有載入完成, 這個時候用戶與頁面的交互已經可用了。用公式TimeTo Dom Ready = TTSR(Time To Start Render) + TTDC(Time To Dom Created) + TTST(Time To Script)可以表示。TTSR上面已經介紹過了，TTDC表示DOM樹創建所耗時間。TTST表示BODY中所有靜態腳本載入和執行的時間。在高級瀏覽器中有DOMContentLoaded事件對應。

詳細規范可以查看W3C的HTML5規范。從MDN文檔上可以看出該事件主要是指dom文檔載入解析完成，看上去很簡單，但是DOMContentLoaded事件的觸發與css,js息息相關，現在有專門的名詞Critical Rendering Path(關鍵呈現路徑)來描述。

在不支持DOMContentLoaded事件的瀏覽器中可以通過模擬獲取近似值，主要的模擬方法有：

1）低版本webkit內核瀏覽器可以通過輪詢document.readyState來實現
2）ie中可通過setTimeout不斷調用documentElement的doScroll方法，直到其可用來實現

具體實現方法可以參考主流框架(jquery等)的實現。 DOM Ready時間點意味著用戶與頁面可以進行交互了，因此越早越好，對於該時間點的優化有：

1）減少dom結構的復雜度，節點盡可能少，嵌套不要太深
2）優化關鍵呈現路徑

首屏時間

該時間點表示用戶看到第一屏頁面的時間，這個時間點很重要但是很難獲取，一般都只能通過模擬獲取一個近似時間。一般模擬方法有：

1）不斷獲取屏幕截圖，當截圖不再變化時，可以視為首屏時間。可參考webPagetest的Speed Index演算法；
2）一般影響首屏的主要因素是圖片的載入，通過頁面載入完後判斷圖片是否在首屏內，找出載入最慢的一張即可視為首屏時間。當然還需考慮其他細節，具體可參考【7天打造前端性能監控系統】

針對該時間點的優化有：

1）頁面首屏的顯示盡量不要依賴於js代碼，js盡量放到domReady後執行或載入
2）首屏外的圖片延遲載入
3）首屏結構盡量簡單，首屏外的css可延遲載入

onload

該時間點是window.onload事件觸發的時間，表示原始文檔和所有引用的內容已經載入完成，用戶最明顯的感覺就是瀏覽器tab上loading狀態結束。

該時間點的優化方式有：

1）減少資源的請求數和文件大小
2）將非初始化腳本放到onLoad之後執行
3）無需同步的腳本非同步載入

為了優化整站性能，頁面onload的時候可以考慮做一些預載入，把其它頁面需要用到的資源預先載入進來。

❹ 海康威視監控三個監控點只有一個正常，另外兩個提示監控點不在線，為什麼怎麼解決

兩個提示監控點不在線的原因如下：

1.首先找到另外兩個不顯示的攝像頭，檢查一下電源是否正常。

2.電源適配器有無問題，如果都正常也有電到，那麼就在插上去的時候看一下紅外燈是否有閃一下。如果沒有，則說明是攝像頭問題。

3.如果是POE供電的，可以單獨拿一個電源去試一下，看是不是線路問題。說到線路問題你連接這兩個攝像頭的線路是否正常等。

注意事項：

另外比較重要的一點，就是廣域網的遠程訪問，就是我們通常說的，外網訪問，在瀏覽器的地址欄里輸入路由器的IP地址，連接建立起來後，登陸用戶名密碼，登陸後在網路參數LAN設置IP地址子網掩碼，WAN口登陸帳號密碼，然後連接。

(4)前端性能監控擴展閱讀：

一個完整的監控系統都包括雲台、防護罩、支架、監視器、視頻放大器、視頻分配器、視頻切換器、畫面分割器、硬碟錄像機、監控管理平台、磁碟陣列。具體如下：

1.雲台

監控系統中所述的轉台通過控制系統可以在遠端控制其旋轉方向。有多種類型:根據使用環境分為室內和室外，主要區別是室外密封性能好、防水、防塵、負重。按安裝方法分為側面安裝和吊裝，即頭安裝在天花板上或安裝在牆上。

2.防護罩

防護罩也是監控系統中最常用的設備之一。室外防護罩必須具有良好的密封性能，保證雨水不能進入防護罩內侵蝕相機。有些室外防護罩也有風扇、加熱板、雨刷，能更好地保護設備。

3.支持

普通相機支架安裝簡單，價格便宜，種類繁多。根據不同的需求選擇不同的型號。室外攝像機安裝位置特殊，有的安裝在桿子上，有的安裝在塔吊上，有的安裝在鐵架上。現有的腳手架可能難以滿足要求，需要額外的處理或改進。

4.監控

監視器是監視系統的標准輸出，通過它可以查看從前端發送的圖像。一些監視器還具有音頻輸入、s-video輸入、RGB組件輸入等功能，除了使用音頻輸入監控系統外，其餘功能大多用於圖像處理。

5.視頻放大器

當視頻傳輸距離較長時，最好使用直徑較粗的視頻線路，同時可以增加線路中的視頻放大器，提高信號強度，達到遠距離傳輸的目的。視頻放大器可以增強視頻信號的亮度、色度和同步，但也可以放大電路中的干擾信號。此外，電路不能連接太多的視頻放大器，否則會出現飽和，導致圖像失真。

6.視頻分配器

一個視頻信號對應一個監視器或錄像機。如果您想將一個攝像機的圖像發送給多個管理器，最好選擇視頻分發器。除阻抗匹配外，視頻分配器還具有視頻增益，使得視頻信號可以同時發送到多個輸出設備而不受影響。

7.視頻切換器

多通道視頻監控信號發送到同一個地方,你可以添加一個切換器在控制房間,把攝像機輸出信號接收的輸入開關,開關的輸出監控,切換器的輸入端分為2、4、6、8、12、16路輸出分為單引號和雙路,但也可以同步音頻開關。

8.圖像分配器

有四段分割、九段分割、十六段分割，可以在顯示器上同時顯示4、9、16個攝像頭的圖像，也可以發送到視頻錄制。

8.DVR

監控系統中最常用的記錄設備是民用錄像機和長延時錄像機。延時錄像機可以長時間工作，可以記錄24小時(用普通VHS磁帶)甚至數百小時的圖像，可以連接報警設備，接收到報警信號後自動開始記錄，可以添加時間和日期。

9.監控管理平台

管理和網路傳輸網路為核心,完成信息採集、傳輸、控制、管理和存儲過程中,體系結構在各種各樣的私人網路,區域網(LAN)和城域網,廣域網,實現監測網路,集中管理,授權用戶可以在任何計算機網路實時監控的監控。

10.磁碟陣列

在大型監控系統中，由於監控視頻量大、存儲空間大，需要使用磁碟陣列。磁碟陣列是一組廉價磁碟的集合，它們被組合成一個大型磁碟包，該磁碟包使用單個磁碟提供額外的數據來改進整個磁碟系統的性能。

❺ 前端和後端工作哪個更累

總的來說，在開發的過程當中，前端的工作量大於後端的工作量，會更累。

總而言之，不管前端工作怎麼精細、怎麼復雜、客戶多麼難纏，在做項目的過程中，非常忌諱的就是，互相推脫責任，永遠要記住，大家在做一個項目的過程中，是一條繩上的螞蚱，前端和後端不要互相指責。

❻ 載入性能監控中的載入總時長/首次安裝時長/初次渲染時長的關系是什麼

您好，載入總時長可以分為小程序包體下載、包體解壓、app上小程序框架的啟動、前端框架的啟動、開發者模版文件及js文件的載入渲染幾個過程。首次安裝時長指用戶首次包體下載及包體解壓的時長；初次渲染時長指的是用戶首次渲染時長，可理解為開發者模版文件及js文件的載入時長。您可重點關注首次安裝時長及首次渲染時長，框架啟動時長由網路持續優化。

❼ 監控卡頓怎麼辦

監控卡頓的原因，以及處理方法。
1，同一交換機接攝像頭點位太多，交換機帶寬不夠用。需要降低攝像頭碼流，犧牲圖像質量來保證網路通暢。

2，網線短路或者網線兩頭都插在了同一交換機上導致網路迴路。需要解決線路問題。

3，交換機或者攝像頭本身問題，需要更設備。

4，同一攝像頭web端不卡，錄像卡，這個是設備解碼問題，可以更改攝像頭的連接協議（比如改成ONVIF協議）或者降低碼率，解析度，圖像質量等。

5，光纖收發器問題，可以考慮更換成千兆的。

6，交換機VLAN劃分時設置了限速。

一般就這么多情況，具體問題具體分析，用控制變數法尋找原因。
①交換機帶寬不夠
監控畫面卡頓、延遲等，可能是因為接入的攝像頭數量過多，搭配的交換機轉發速率超過埠速率的上限，例如使用百兆交換機轉發30個H.264的IPC攝像頭，就會出現卡頓這個問題。可以考慮降低攝像頭的碼率或更換千兆交換機。

②NVR的解碼器性能不佳
選擇硬碟錄像機NVR的解碼能力會影響監控畫面的流暢性，如果接入的攝像頭IPC像素超過了硬碟錄像機的最大解碼能力，或者硬碟錄像機NVR的晶元處理能力不強，就會導致畫面卡頓、延遲的現象。對於這種情況，需要在錄像機NVR選擇時要根據前端攝像頭合理選擇錄像機的解碼能力、支持顯示解析度、支持硬碟的盤位數、支持的ONVIF協議等。

③網線質量太差
標准網線的最遠傳輸距離建議不能超過120米，如果使用劣質的網線，傳輸性能就會大大折扣。比如四鐵四鋁材質的網線，短路距離看不出什麼影響，但是長距離傳輸容易導致信號傳輸丟包、畫面卡頓、延遲等現象。監控使用最好選擇質量好的五類以上國標網線。

④安裝不規范
在監控安裝時合理規劃線路、合理設備選型很重要。在監控系統中，很多時候並非是硬體設備問題導致有監控卡頓、延遲情況，而是由於安裝不規范導致。比如千兆網路的中間選用了百兆的光纖收發器、千兆網路使用了五類網線、雙碼流設置不當、強弱電沒有做好隔離，網線受到干擾等。所以在監控安裝時，規范操作很重要。

❽ 求推薦一下關於Web前端的相關資料！

一）前端基本功

前端相關的基礎知識

• 《HTTP/3 來了 ！未來可期》

• 《你可能已經忽略的 git commit 規范》

• 《手寫一個 WebSocket 協議》

• 《5000字解析：前端五種跨平台技術》

• 《一篇搞定移動端適配》

• 《Chrome DevTools中的這些騷操作，你都知道嗎？》

• 《Chrome 運行時性能瓶頸分析》

• 《當瀏覽器全面禁用三方 Cookie》

• 《無形中提高工作效率的 Chrome 插件》

• 《還分不清 Cookie、Session、Token、JWT？》

• 《你連 HTTPS 原理都不懂，還講「中間人攻擊」？》

• 《npm install 原理分析》

• 《不容錯過的 Babel 7 知識匯總》

• 《一文搞懂 Web 中暗藏的密碼學》

• 《解讀HTTP/2與HTTP/3 的新特性》

CSS

• 《那些不常見，但卻非常實用的 CSS 屬性》

• 《面試官：你可以用純 CSS 判斷滑鼠進入的方向嗎？》

• 《二營長，快掏個CSS出來給我畫個井字棋游戲》

• 《CSS 故障藝術》

• 《我寫CSS的常用套路(附demo的效果實現與源碼）》

• 《來自新時代的 CSS》

• 《你還不會 CSS 動畫？》

JavaScript

• 《誰說前端不需要懂二進制》

• 《你不知道的 Blob》

• 《Javascript常用的 60 余種工具方法》

• 《你可以這樣優化 if-else 代碼結構》

• 《JS 圖片壓縮的實現思路》

• 《一個簡潔、有趣的無限下拉方案》

• 《請你實現一個大文件上傳和斷點續傳》

• 《從 ES6 到 ES10 的新特性萬字大總結》

• 《JavaScript 手寫代碼無敵秘籍》

TypeScript

• 《通俗易懂的 TypeScript 入門教程》

• 《用 TypeScript 編寫 React 的最佳實踐》

• 《一文讀懂 JS 裝飾器》

• 《你真的懂 Promise 嗎？》

• 《Typescript 那些好用的技巧》

• 《Typescript 嚴格模式有多嚴格？》

二）前端框架、工具、庫

React

• 《用 TypeScript 編寫 React 的最佳實踐》

• 《2020 年你應該知道的 React 庫》

• 《5 個技巧助你編寫更好的 React 代碼》

• 《10個案例讓你徹底理解React hooks的渲染邏輯》

• 《組件演進史：從Mixin到HOC，再到Hook》

Vue

• 《1.1萬字從零解讀Vue3.0源碼響應式系統》

• 《重頭來過的 Vue 3 帶來了什麼？》

Nodejs

• 《一杯茶的時間，上手 Node.js》

• 《深入理解 Node.js 進程與線程》

Deno

• 《Deno 會取代 Node.js 嗎？》

• 《了不起的 Deno 入門教程》

• 《推倒 Node 重做，Deno 1.0 來了》

Webpack

• 《一文搞懂 Webpack 多入口配置》

GraphQL

• 《GraphQL-前端開發的利劍與橋梁》

• 《GraphQL 入門看這篇就夠了》

• 《前端工程師應該了解的 GraphQL》

VS Code
《動圖演示11個必備 VS Code 插件》

三）面試題精選

• 《高頻前端面試題》

• 《吐血整理！再來一打 Webpack 面試題》

• 《前端同學經常忽視的一個 JavaScript 面試題》

• 《如何輕松拿到淘寶前端 offer》

• 《三年大廠面試官：二面題》

• 《十幾道含答案的大廠面試題總結》

• 《如何答一道驚艷面試官的數組去重問題？》

• 《10 個 CSS 高頻面試題，你都會嗎？》

• 《經常被面試官考的 JS 數據類型知識你真的懂嗎？》

• 《面試須知：瀏覽器相關原理詳細總結》

• 《2019 大齡前端如何准備面試？》

• 《2018 大廠高級前端面試題匯總》

四）前端開發的職業修煉

• 《前端如何在項目中做出亮點》

• 《Facebook 前端技術棧重構分享》

• 《當前端基建任務落到你身上，該如何推動協作？》

• 《使用 docker 高效部署你的前端應用》

• 《關於前端學習路線的一些建議》

• 《各種場景喚起 App 的騷操作》

• 《Web 視頻播放前前後後那些事》

• 《你必須要注意的依賴安全漏洞》

• 《從 12.67s 到 1.06s 的網站性能優化實戰》

• 《網易雲音樂前端性能監控實踐》

• 《一個阿里前端工程師的成長之路》

• 《非常全面的前端協作規范》

• 《一名合格前端工程師的自檢清單》

• 《從 0 到 1 再到 100：搭建、編寫、構建一個前端項目》

希望對你有用，望採納~

❾ 監控高手請進來

你准備用什麼型號伺服器和IPSAN？不同產品性能不同，配置也會不同。不同伺服器解碼能力不同，不同IPSAN硬碟容量、同時錄像路數都會有差別，你不說清楚別人怎麼給建議。

❿ 百度前端性能監控是什麼工具干什麼的

你可以把他理解為SEO