ウェブ家の備忘録

ウェブデザイナーの備忘録

JavaScript含むHTML全般で処理時間を計測

やり方
 処理初めにperformance.now()で現在時刻を計測、処理終わりでもう一度performance.now()をして初めのperformance.now()との差を出す。

/* ■■■JavaScriptを計測する場合■■■ */
<script>
  //処理
  const start = performance.now();
  process();
  console.log('処理時間:'+(performance.now()-start)+'ms');
  
  //計測したいJSをFunction中に記載
  function process(){
    
  }
</script>


/* ■■■HTMLを計測する場合■■■ */
//一行目に入れる
<script>const start = performance.now();</script>

//末端に入れる
<script>console.log('処理時間:'+(performance.now()-start)+'ms');</script>