이미지 두번 load되는 현상

 

안녕하세요, 건담아빠입니다. 이번 포스팅은 Image가 두번 load되는 버그입니다.

 

아래와 같이 background-image: url 에 empty 문자열이 들어가게 되면

style="background-image: url('')"

페이지를 두번 load되는 현상이 발견되었습니다.

 

이럴때는 쉽게 empty 체크후 about:blank가 들어가게 하면 페이지가 두번 load되는 현상을 방지할 수 있습니다.

background-image: url('about:blank')

 

 

css에서도 url-prefix("about:blank") 하는 방식이 있는것 같긴 하지만, 이미 해결되 이슈여서 해보진 않았습니다.

다음에 같은 이슈가 발생하게 되면 해봐야 겠습니다.

 

각 프로젝트 형평성에 맞도록 융통성 있게 적용하면 되겠습니다.