js파일, 애드센스 스크립트 페이지 로딩 개선하기

1. 애드센스 단위 광고



애드센스 단위 광고를 생성할 시, 구글에서 제공해주는 코드는 다음과 같아요

하지만 이대로 페이지에 그대로 삽입한다면

페이지 로딩에 좋지 않은 영향을 끼칠 가능성이 생깁니다

브라우저가 웹페이지를 그릴 때

HTML 태그들을 분석하여 화면을 분석하던 도중

뜬금없이 script 태그가 등장하면

자바스크립트를 로드하고 코드를 파싱하기 때문이에요

2. 해결 방법

보통은 HTML 파일의 body 태그 최하단에 위치하도록 하지만

head 태그 내부에 script 태그를 넣고

defer 속성을 넣어주는 것이 페이지 로드가 자연스럽고 빠르게 진행됩니다

이렇게 할 경우 페이지 진입과 동시에 js파일을 로드 '만' 한 후

자바스크립트 코드 실행은 html 태그들을 분석하고 구성이 끝난 후 진행되기 때문이에요 

이런식으로 script 태그 내부에 defer 속성을 작성해주면 됩니다


감사합니다!

0 0