[10원짜리 팁] 구글 애드센스 로딩속도.....
보통 애드센스를 달고... 왜이렇게 속도가 느리지?
란 생각을 많이 하시는데요...
별거 아니지만 조금이나마 빠르게 로딩되게 하는 팁입니다.
일단 광고 스크립트를 가져올때 동기식과 비동기식이 있습니다.
이둘의 차이점은
동기식 - 광고 코드가 페이지 로딩 중간에 실행되기 때문에 광고가 뜰 때까지 그 이후 부분이 안 떠서 랙 걸린 것처럼 뜸
비동기식 - 페이지 로딩이 모두 끝난 다음에 광고 로딩을 하는 방식이라 유저 입장에서 더 쾌적하게 느껴집니다
라고 보시면 되고 비동기식으로 바꾸고 수익이 (10%) 정도 낮아졌다는 의견이 많네요 ^^;
저는 일단 비동기식으로 갑니다.
자 그럼 소스를 보면
1 2 3 4 5 6 7 8 9 10 11 | < script async src = "//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js" ></ script > <!-- 광고 출력 부분 --> < ins class = "adsbygoogle" style = "display:inline-block;width:728px;height:90px" data-ad-client = "ca-pub-0000000000000000" data-ad-slot = "0000000000" ></ ins > <!-- 광고 출력 메소드 실행 부분 --> < script > (adsbygoogle = window.adsbygoogle || []).push({}); </ script > |
이런식으로 되어있을껍니다.
여기서 중요한게
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
입니다.
페이지가 로딩되면서 불러오니 늦어질수 밖에 없습니다. 저부분은 애드센스를 로딩하는데 필요한 함수나 스크립트가 담겨있습니다.
(대부분 보면 한꺼번에 다 여러번 넣으시는 경우가 많더라구요 한꺼번에 여러번 넣어도 상관없지만... 비동기식으로 좀더빠른속도,
불필요한 로딩을 줄이기위함입니다.)
자 그럼~! 이걸 아예 그누보드가 시작할때 불러오는 겁니다.
관리자- 환경설정 - 기본설정 - 추가 script, css 라고 있습니다.
여기에 저 부분을 넣어주세요
그럼 페이지가 시작될때 부터 준비동작을 마칠수 있습니다.
그리고 애드센스 소스를 넣을땐 상단에서 불러왔으니 이제 필요가 없어졌어요
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
를 뺀 나머지 소스만 넣어주시면 됩니다.
PC에선 잘못 느낄수도있지만 모바일로 확연한 차이가 나타납니다.
추가사항
비동기식 방식소스에 보면 위소스에도있지만
1 2 3 | < script > (adsbygoogle = window.adsbygoogle || []).push({}); </ script > |
라는 소스가 있습니다.이 push는 애드센스 붙인 광고 갯수만큼 들어가야 합니다.
그리고 반드시 모든 페이지가 로딩된후에 이 스크립트가 실행되어야 합니다. ~!!
그럼 저소스도 각 영역에서 지워버리고
아까 관리자 환경설정 페이지에 추가 script 에 넣어줍니다.
제이쿼리로 찾아서 갯수만큼 붙여주는 겁니다.
<script>
jQuery(window).load( function() {
var adn = jQuery('.adsbygoogle').length;
if (adn > 0) {
for(var i=0; i<adn; i++) {
(adsbygoogle = window.adsbygoogle || []).push({});
}
}
});
</script>
위에만 하면 광고 로딩속도가 각각이지만 조금 빨리 뜨는거 같고...
아래것 까지 적용하면 동시에 모든 광고가 올라옵니다.
각 환경이나 서버설정에 따라 달라질수 있으니
선택은 사용자의 몫입니다.
이상 10원짜리 팁이었습니다.