내꿈은개발자
웹사이트 제작 중 특정 부분에서 렉이 걸릴 때 확인 방법
행복을전해요
2021. 5. 26. 11:12

해당 테마를 구입하여 사이트를 제작하는데 자꾸 특정 위치에서 렉이 걸린다
검색해보니 원인을 확인할 수 있는 스크립트가 있어서 사용해보았다

페이지에 하단의 소스를 첨부하면
이미지 좌측 상단처럼 상태가 나오게된다 .
저게 어떤 의미인지 아직 잘 모르겠지만. 숫자가 높은곳에서 렉은 걸리고 그 이유를 찾다가
첨부 된 이미지의 해상도가 높아서 그렇다는걸 확인했다.
이미지를 교체 후 정상 작동!
<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>