웹사이트 제작 중 특정 부분에서 렉이 걸릴 때 확인 방법

 

해당 테마를 구입하여 사이트를 제작하는데 자꾸 특정 위치에서 렉이 걸린다 

검색해보니 원인을 확인할 수 있는 스크립트가 있어서 사용해보았다 

 

 

 

페이지에 하단의 소스를 첨부하면 

이미지 좌측 상단처럼 상태가 나오게된다 . 

저게 어떤 의미인지 아직 잘 모르겠지만. 숫자가 높은곳에서 렉은 걸리고 그 이유를 찾다가 

첨부 된 이미지의 해상도가 높아서 그렇다는걸 확인했다. 

 

이미지를 교체 후 정상 작동!

 

 

 

<script>
(function(){var script=document.createElement('script');script.onload=function(){var stats=new Stats();document.body.appendChild(stats.dom);requestAnimationFrame(function loop(){stats.update();requestAnimationFrame(loop)});};script.src='//mrdoob.github.io/stats.js/build/stats.min.js';document.head.appendChild(script);})()
</script>