[javascript] 카카오 맵 API 이용 시, parser-blocking 경고

카카오맵 API를 연동해서 웹서비스를 개발하다 보면

f12 개발자도구 콘솔창에서 맞닥뜨리게되는 워닝이 있는데

 

그냥 궁금해서 찾아본 파서 블로킹 경고창에 대한 위험도를 기록해봄

 

 

 

sdk.js?appkey=AppKey&libraries=services:4 A parser-blocking,
cross site (i.e. different eTLD+1) script,
http://t1.daumcdn.net/mapjsapi/js/main/4.4.1/kakao.js, is invoked via document.write.
The network request for this script MAY be blocked by the browser in this or
a future page load due to poor network connectivity.
If blocked in this page load, it will be confirmed in a subsequent console message.
See https://www.chromestatus.com/feature/5718547946799104 for more details.

(가독성을 위해 줄바꿈으로 출력함)

 

 

 

 

 

 

카카오 답변

- 지도가 로드되지 않는게 아니라면, 무시해도 됨

- document.write로 스크립트를 생성하는것은 피하는게 좋다

 

 

 

참고 :

 

 

 

https://devtalk.kakao.com/t/gatsby-map/103810/2

Kakao DevTalk

 

 

https://devtalk.kakao.com/t/parser-blocking/115430

Kakao DevTalk

 

 

document.write로 스크립트 렌더링 시 발생하는 문제 관련

https://www.cosmosfarm.com/threads/document/21729

parser-blocking via document.writhe 관련 문제 해결 방법 - Cosmosfarm