javascript carousel slide 로딩 지연문제..

Question

javascript는 배워보지 못했고, 인터넷 검색만을 이용해서 웹 포트폴리오를 만들어보는 중입니다. slide를 여러개 넣을려고 javascript 안에 for문을 넣었더니페이지 로딩에 너무 많은 시간이 걸리더라구요 어떤 방식으로 해결하면 좋을지 알려주세요 ㅠㅠ여러가지 방법으로 시도해봤는데 슬라이드가 안 넘어간다던지, 슬라이드 수 만큼 carousel이 생긴다든지등의 많은 문제들이 발생하더라구요...

PRO그래머 · Accepted Answer

풀소스가 아니므로 명확한 답변을 드리기 힘들지만얼핏봐도 for문때문에 가시적인 성능 저하가 일어났다고 보기는 힘듭니다. 고작 13번정도 돌아가는 html 코드 한줄 삽입하는 for문이 성능에 영향을 주기는 힘들고제생각에는 저러한것들을 구현하기위해 호출하는 라이브러리들을 불러올때 성능저하가일어나고 있을것으로 판단됩니다. 사용하시는 모든 라이브러리는 외부 호출로 가져오는 방식이 아닌 내부에 저장해놓고경로지정으로 사용하시기 바라며 통신이 들어가는 부분이 있다면 비동기 처리하시고 다시 실행해보세요

khseob0715 · Answer

답변 감사합니다 ^^ 하지만... 외부라이브러리를 가져와서 내부에 저장해도 해결이 되지 않은 것 같습니다. 통신은.. 아마 안 들어 갈 것 같은데.. 잘 모르겠습니다... 부트스트랩 템플릿을 가져온거라 정확히 파악이 안 된 것 같습니다. ㅎ 혹시 괜찮으시다면 한번만 더 봐주실 수 있을까요?? https://khseob0715.github.io 얘가 메인이구요 https://khseob0715.github.io/android.html 얘가 문제의 페이지입니다... 처음 들어갈때는 한 13초.. 정도 걸리구요.. 다음번에 들어갈 때는 바로바로 잘 들어가지네요..

초코쪼꼬 · Answer

들어가보니까.. $('.image-popup').magnificPopup 쪽에서 오류발생하고 이미지를 받는시간이 오래걸리네요. 다음번에는 바로 들어가지는건 이미 이미지를 받았으니 빨리 들어가지고 있죠.. 이미지를 한번에 다 받지말고 스크롤로 내려갈때마다 갱신하는 방법으로 찾아보는건 어떨까요?

javascript carousel slide 로딩 지연문제..

3개의 답변

#carousel 목록