뽐뿌 포럼
로그인 회원가입|아이디비번찾기
개발자포럼 입니다.
  • 북마크 아이콘

자바스크립트 성능검사3

<div><iframe></iframe><div>

 
 
위와 같은 구조로 div 를 윈도우레이어처럼 처럼 drag, resize 이벤트를 구현하였는데요..
 
레이어가 많아 질수록 drag와 resize 속도가 현저히 떨어 져요.. 눈에 띄이게 뚝뚝 끊기고 있습니다.
 
어느 부분이 문제인지 해결책을 찾고 싶은데요.... 
 
성능검사툴이나 사이트 추천좀 부탁드립니다. ㅠㅠ

0
 추천하기 다른의견 0
 |
공유버튼

다른의견 0 추천 0 슬기왕
브라우저 다 딸려 있는데 크롬에서 잘 찾아보삼
2016-04-26 점아이콘
  1. 댓글주소복사

다른의견 0 추천 0 페얼프인
리사이즈 이벤트는 창의 크기를 변경하는동안에 계속 리사이즈 이벤트를 반복하기 때문에 이 이벤트를 통해 복잡한 코드를 실행하면 응답성이 떨어집니다
2016-04-26 점아이콘
  1. 댓글주소복사

다른의견 0 추천 0 다크엔잴
이런류의 문제는 소스없이는 정확한 답도 없습니다.

구현하신 드래그, 리사이즈의 코드가 최적화가 안돼서 불필요한 행동을 하는지 내용만 봐서는 모르죠.

그리고 브라우져나 pc 성능에 따라 한화면에 수많은 객체를 표현하면 당연히 느려집니다. 특히 IE 하위 버젼일 수록 더 심하죠.

만약 많은 수의 객체를 표현하실려면 단순히 html dom 구조보다는 캔버스나 svg(구 ie 는 vml) 등을 활용한 그래픽라이브러리 플러그인을 활용해보세요.
2016-04-26 점아이콘
  1. 댓글주소복사
  • 알림 욕설, 상처 줄 수 있는 악플은 삼가주세요.
짤방 사진  
△ 이전글▽ 다음글 목록보기
사이트소개 운영참여 게시중단요청 이용약관 개인정보처리방침 청소년보호정책 불법촬영물등 신고 광고/제휴 메일문의 뽐뿌채용 다크모드
Copyright 2005-2024 ppomppu. All rights reserved