js計(jì)算代碼運(yùn)行時(shí)間，方便監(jiān)控代碼加載慢的問題

soasme 發(fā)布于2019-08-26 10:36 / 2006人閱讀

摘要：問題背景在開發(fā)國債逆回購的過程中，首屏加載特別慢，然后需要找出具體是那段代碼的問題解決方案通過定位每段業(yè)務(wù)代碼的運(yùn)行時(shí)間，進(jìn)行代碼優(yōu)化下面介紹一種更靈活更準(zhǔn)確的方法。

問題背景

在開發(fā)國債逆回購的過程中，首屏加載特別慢，然后需要找出具體是那段代碼的問題

解決方案

通過定位每段業(yè)務(wù)代碼的運(yùn)行時(shí)間，進(jìn)行代碼優(yōu)化

下面介紹一種更靈活更準(zhǔn)確的方法。

使用console.time進(jìn)行時(shí)間計(jì)算
這種方法比上一種更準(zhǔn)確，而且專門為性能產(chǎn)生的方法：
測(cè)試案例：

        var arr = [];
        for(var i=0; i<100000; i++){
            arr.push(Math.random());
        }
        console.time("sort");
        arr.sort();
        console.timeEnd("sort");
1
2
3
4
5
6
7

控制臺(tái)會(huì)打印出：

sort: 542.668701171875ms
1
這種方法在需要測(cè)試的開始位置寫上console.time，并且括號(hào)內(nèi)傳一個(gè)字符串。在結(jié)束的位置使用console.timeEnd方法，并再次把字符串傳入。

云服務(wù)器 GPU云服務(wù)器代碼運(yùn)行時(shí)間 js代碼運(yùn)行運(yùn)行js代碼錯(cuò)誤提示時(shí)間倒計(jì)時(shí)js代碼

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/106454.html

相關(guān)文章

聊聊 Apache Dubbo

摘要：架構(gòu)中有兩個(gè)主要角色服務(wù)提供者和服務(wù)使用者。服務(wù)提供者在啟動(dòng)時(shí)，向注冊(cè)中心注冊(cè)自己提供的服務(wù)。負(fù)載平衡旨在優(yōu)化資源使用，最大化吞吐量，最小化響應(yīng)時(shí)間，并避免任何單個(gè)資源的過載。本文來自于我的個(gè)人主頁：Apache Dubbo，轉(zhuǎn)載請(qǐng)保留鏈接 ;) 在2011年10月27日，阿里巴巴開源了自己的SOA服務(wù)化治理方案的核心框架Dubbo，服務(wù)治理和SOA的設(shè)計(jì)理念開始逐漸在國內(nèi)軟件行業(yè)中...

XFLY 2019-07-24 10:55 評(píng)論0 收藏0
淺談使用 Vue 構(gòu)建前端 10w+ 代碼量的單頁面應(yīng)用開發(fā)底層

摘要：其實(shí)就是我們開始掛載上去的我們?cè)谶@里出去，我們就可以在回調(diào)里面只處理我們的業(yè)務(wù)邏輯，而其他如斷網(wǎng)超時(shí)服務(wù)器出錯(cuò)等均通過攔截器進(jìn)行統(tǒng)一處理。 showImg(https://segmentfault.com/img/remote/1460000015472616?w=845&h=622); 開始之前隨著業(yè)務(wù)的不斷累積，目前我們 ToC 端主要項(xiàng)目，除去 node_modules， bu...

rickchen 2019-08-22 18:29 評(píng)論0 收藏0
淺談使用 Vue 構(gòu)建前端 10w+ 代碼量的單頁面應(yīng)用開發(fā)底層

摘要：其實(shí)就是我們開始掛載上去的我們?cè)谶@里出去，我們就可以在回調(diào)里面只處理我們的業(yè)務(wù)邏輯，而其他如斷網(wǎng)超時(shí)服務(wù)器出錯(cuò)等均通過攔截器進(jìn)行統(tǒng)一處理。 showImg(https://segmentfault.com/img/remote/1460000015472616?w=845&h=622); 開始之前隨著業(yè)務(wù)的不斷累積，目前我們 ToC 端主要項(xiàng)目，除去 node_modules， bu...

Backache 2019-08-22 18:29 評(píng)論0 收藏0
JS每日一題：前端性能監(jiān)控你會(huì)監(jiān)控哪些數(shù)據(jù)? 如何做?

摘要：基于此我們可以通過獲取頭部資源加載完的時(shí)刻來近似統(tǒng)計(jì)白屏?xí)r間代碼理解測(cè)試時(shí)間起點(diǎn)，實(shí)際統(tǒng)計(jì)起點(diǎn)為時(shí)間終點(diǎn)頭部資源加載時(shí)間首屏?xí)r間首屏?xí)r間的統(tǒng)計(jì)比較復(fù)雜，因?yàn)樯婕皥D片等多種元素及異步渲染等方式。 20190318期前端性能監(jiān)控你會(huì)監(jiān)控哪些數(shù)據(jù)? 如何做? 開始之前給大家推薦兩個(gè)檢查網(wǎng)頁性能的地址 https://developers.google.com... https://www...

qieangel2013 2019-08-26 18:18 評(píng)論0 收藏0
DataPipeline |《Apache Kafka實(shí)戰(zhàn)》作者胡夕：Apache Kafka監(jiān)控與

摘要：主機(jī)監(jiān)控個(gè)人認(rèn)為對(duì)于主機(jī)的監(jiān)控是最重要的。在實(shí)際監(jiān)控時(shí)可以有意識(shí)地驗(yàn)證這一點(diǎn)。另外還有兩個(gè)線程池空閑使用率小關(guān)注，最好確保它們的值都不要低于，否則說明已經(jīng)非常的繁忙。此時(shí)需要調(diào)整線程池線程數(shù)。 showImg(https://segmentfault.com/img/bVbgpkO?w=1280&h=720); 胡夕，《Apache Kafka實(shí)戰(zhàn)》作者，北航計(jì)算機(jī)碩士畢業(yè)，現(xiàn)任某互金...

lvzishen 2019-07-24 10:47 評(píng)論0 收藏0