저번 글에서 애드센스 스크립트 코드를 제거해서 페이지 로딩 속도를 올리는 방법을 알아보았다.
이 게시글인데 여기에 더 나아가 밑부분의 스크립트 코드도 제거 단순화하는 방법을 소개한다.
그런데 이 방법은 내 티스토리 블로그에 적용해보니 잘 안되더라.
되는 블로그가 있으면 쓰기를 바라고 보편적인 방법은 아니다.
티스토리 애드센스 중복 스크립트 제거
티스토리에 애드센스 광고를 삽입할 때 애드센스에 코드를 받아 삽입하고 싶은 위치에 삽입하게 된다. 그런데 중복된 코드가 있어 이걸 삭제하면 페이지 로딩 속도가 조금이나마 향상된다고 한
itmii.tistory.com
일단 지연 로딩인데 구글 애드센스는 원래 비동기 로딩이라 페이지 하고 따로 로딩되는데
그럼에도 불구하고 광고가 페이지 로딩 시간에 나쁜 영향을 미친다.
그래서 페이지 로딩 후 지연 로딩하는 방법인데 소개하면
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 광고단위 -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-"
data-ad-slot=""
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
보통 애드센스 코드가 이런데 저번 글로 윗부분 스크립트는 제거하는 방법을 알았을 것이다.
이제 밑부분 스크립트 제거인데
https://github.com/getify/LABjs
getify/LABjs
Loading And Blocking JavaScript: On-demand parallel loader for JavaScript with execution order dependencies - getify/LABjs
github.com
여기서 코드를 클릭해서 zip으로 받기를 클릭해 다운로드한 후 압축을 풀어 LAB.js 파일을 얻는다.
그 뒤에 티스토리 스킨 편집을 들어가 html 편집에 들어가 파일 탭에 들어가 저 LAB.js 파일을 업로드한다.
그 뒤에
<script src="js/LAB.js"></script>
<script>
jQuery(function($) {
setTimeout(function() {
$LAB
.script("//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js")
.wait(function () {
var adn = jQuery('.adsbygoogle').length;
if (adn > 0) {
for (var i = 0; i < adn; i++) {
(adsbygoogle = window.adsbygoogle || []).push({});
}
}
});
}, 1000);
});
</script>
저 부분을 추가한 후
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
이 아래 스크립트를 제거하자 그러면 애드센스 광고 코드는 ins 부분만 남는다.
이렇게 하면 된다는데 내 티스토리는 이렇게 하니까 뭔가 광고가 잘 안 뜨고 하더라.
그리고 지연 로딩 없는 밑부분 스크립트 코드 제거 단순화 방법은
<!--밑부분 스크립트 제거-->
<script>jQuery(function($){$('.adsbygoogle').each(function(){(adsbygoogle=window.adsbygoogle||[]).push({});});}); </script>
이 스크립트를 /body 바로 위에 붙여 넣고
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
이 애드센스 부분 스크립트를 삭제하면 된다.
<script> $('.adsbygoogle').each(function(){(adsbygoogle = window.adsbygoogle || []).push({});}); </script>
위에 코드를 /body 위에 붙여 넣고 위 중복 스크립트를 생략하는 방법도 있다.
위에 것들을 다 써보니 이상하게 cls값이 나쁘게 나오더라.
블로그 스킨과의 궁합 때문인지 모르겠지만 쓰고 난 후에 오히려 더 나빠질 수도 있으니 쓴 후에 테스트는 꼭 해보도록 하자.
티스토리 애드센스 중복 스크립트 제거
티스토리에 애드센스 광고를 삽입할 때 애드센스에 코드를 받아 삽입하고 싶은 위치에 삽입하게 된다. 그런데 중복된 코드가 있어 이걸 삭제하면 페이지 로딩 속도가 조금이나마 향상된다고 한
itmii.tistory.com
'정보 Tips > 티스토리 Tistory' 카테고리의 다른 글
구글 애드센스 세금 정보 등록 방법 (1) | 2021.05.24 |
---|---|
티스토리 사이드바 고정 플로팅 광고 간단히 하는법 (1) | 2021.05.22 |
티스토리에 이미지 지연 로드 lazy load 적용하기 (0) | 2021.05.21 |
애드센스 광고 cls 개선 거리 조절 방법 (0) | 2021.05.20 |
티스토리 기본 공식 스킨 속도 비교 (0) | 2021.05.18 |
티스토리 애드센스 중복 스크립트 제거 (0) | 2021.05.16 |
티스토리 일치하는 콘텐츠 광고 삽입 방법 (0) | 2021.05.16 |
티스토리 구글 seo 최적화 cls 값 개선 방법 (0) | 2021.05.16 |