jquery로 이미지의 경로를 바꿧을 때 딜레이가 오래 걸릴때가 있나요?

조회수 493회

jquery로 이미지의 경로를 attr('src','asadsadsa')해서 바꿧을떄 바뀌는 동안의 딜레이가 오래 걸릴때가 있나요? 이미지 경로 바꾸면서 너무 빠르게 계속 바뀌면 0.1초정도 늦게 바뀌는건 봤는대 단순히 한, 두번 천천히 바꿧을 때도 딜레이가 긴 경우가 있는지 알고 싶습니다. 만약 길다면 .load처럼 경로에서 이미지 불러온 후 의 행동을 지정하고 싶습니다.

  • 브라우저에서 F12로 개발자도구 열어서 '네트워크' 부분 보세요. 이미지 받아오는 게 늦는 건지 스크립트 실행이 늦는 건지 볼 수 있습니다. 엽토군 2019.4.17 08:43
  • 음.. 그럼 $('document').ready처럼 $('img').attr('src','/image/sad').load(load는예시입니다.) 같은게 할 수 있을까요? 이미지를 불러온 후의 동작을 지정하고 싶은대 알 수 없는 사용자 2019.4.17 09:57

1 답변

  • 마지막에 댓글로 물어보신 것에 답만 드리자면...

    // 이건 안됩니다. 애초에 jQuery 3.0으로 오면서부터는 .load() 메소드가 없어졌습니다.
    $('img').attr(어쩌구, 저쩌구).load(function(){ 중얼중얼 });
    
    // 이건 됩니다. 단지 onload 이벤트를 $('img')에 바인딩할 뿐이기 때문이죠.
    $('img').attr(어쩌구, 저쩌구).on('load', function(){ 중얼중얼 });
    

    실제 퍼포먼스는 데모에서 확인해 보세요. 도움이 되었기를 바랍니다.


    + 참견: 혹시 지금 "용량 큰 이미지 B가 로딩될 때까지는 이미지 A를 보여주고 그게 다 로딩되면 A를 B로 바꾸는" 작업을 하고 계신 건가요? 그렇다면 지연 로딩에 대해 공부해 보시거나 이런 답변의 제안을 진지하게 고려해 보세요. 로딩 퍼포먼스를 위해 추가 로딩이나 그 관리가 필요하다면 그 코드는 어딘가 잘못되어 가고 있는 겁니다.

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)