이미지 버벅임 관련 질문드립니다.
791
작성한 질문수 2
선생님! 좋은 강의 잘 듣고 있습니다.
이 강의를 보면서 웹을 만들면서 못할 것 같았던 것들도 하나씩 해결하며 즐거움을 느끼는 중입니다.
그러다 작업 중에 이미지 버벅임이나 끊김 문제가 계속 발생해서 이렇게 질문 남깁니다.
이미지 배치를 했을 때에, 크롬에서 보면 처음 스크롤 하는 초반 부분에서 이미지가 엄청나게 깨지고
뒤로 가면 깨짐 없이 잘 나옵니다. 사파리에서는 좀 더 잘 되는 것 같지만 페이지가 메모리를 너무 많이 사용하고 있다는 문구가 뜨면서
자꾸 렉걸리고 멈추더라구요.
총 z축 깊이는 5000으로 설정하고 여러 이미지들을 넣으며 작업하고 있는데
이미지들의 용량들 때문인지, 스크립트 처리량이 많아서 그런 것인지 잘 모르겠어서 여쭤봅니다.
답변 1
0
이렇게 이미지만 봐서 정확한 원인을 파악하기가 어려운데요,
혹시 이미지의 용량들이 크고 개수가 많은 상태에서 requestAnimationFrame 등으로 과하게 반복실행이 되고 있지 않은지 등을 살펴보시면 좋을 것 같습니다.
그나저나 뭔가 멋진 작품을 만들고 계신것 같네요!
왼쪽/오른쪽 동작시 딜레이 문제
0
93
1
변수 범위 관련 질문
0
106
1
perspective 문의
0
100
1
생성자 함수를 클래스 함수로 변경 하고 this 오류 관련
0
150
1
스크롤이 중간 위치에 있을 때 창의 크기를 변환하면 생기는 문제
0
124
1
animation이벤트 질문이요!
0
71
1
resize handler에서 질문이 있습니다.
0
110
1
카드 뒤집힐 때 F가 보인 이유
0
149
1
3d 뒤집기 추가효과
0
216
1
전진! 3D 스크롤 21 강의 질문
1
171
1
eventlistener 질문
0
147
1
zMove 를 1000으로 설정하는 이유에 대하여.
0
168
1
[정보-23강] ES6 class 문법으로 공부하시는 분들!! 화살표 함수로도 시도해보셔요!
1
191
1
동적으로 html 생성 후 이벤트 위임 질문 있습니다.
0
264
1
rotateY()에서 deg에 따른 차이
0
196
1
코드 작성 순서
0
275
1
이미지가 없는데 첨부파일을 다운 받는 방법이 있나요??
1
392
1
'이벤트 위임 보강 영상'에 있는 예제 html이 안 보입니다
0
265
2
섹션5 자바스크립트 이벤트 다루기 질문
1
243
1
[#전진! 3D 스크롤 11] mousePos 공식 질문 있습니다!
0
423
2
css 는 직접 작성을 해야하는걸까용?
0
323
1
translateZ 에 px 이 아닌 vw 로 값을 주신 이유가 있을가요?
0
356
2
house 부분에도 width , height 부분을 꽉 차게 주신 부분이 제가 이해한게 맞는지 궁금합니다.
0
302
2
left:-400vw 가 아닌 translateZ(100vw); 을 입력하신 이유가 궁금합니다.
0
303
2