https://xetown.com/qna/1044435

 

위 질문을 보고 저도 적용해 봤는데요. 나름 신박합니다.

비동기처리는 해주고 있지만 그래도 완벽하게 컨텐츠가 로딩 후 불러오는게 아니라 위 내용을 적용해 보니 빠릿해집니다.

스크립트 자체를 여러번 실행했던 것을 한번으로 하는 것도 효과가 있는 것 같구요.

 

전체 게시판에 넣어둔 애드센스 중 스크립트 부분을 빼고 있습니다.

 

저희는 글목록에도 여러개의 애드센스가 중간 중간에 나오고 하니 효과가 더 있을지도요...

  • ?
    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);
    });


    혹시 이것을 새로 만들어서 사용하라는 뜻인가요 ...?
    적용하는 방법을 이해가 잘안되서 ...
    어렵네요
  • ? Lv30
    레이아웃에 넣어서 적용했습니다.

    LAB.js 를 구글검색을 하면 구하실 수 있을 겁니다. 저는 깃허브가 검색되어 거기서 다운받았습니다. 파일 자체는 굉장히 오래전에 배포된 것 같더군요.

    다운 받으신 파일을 사용하는 레이아웃에서 불러올 수 있게 업로드 하세요.
    저는 레이아웃 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 async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

    <script>
    (adsbygoogle = window.adsbygoogle || []).push({});
    </script>


    이걸 제거하지 않으면 효과가 전혀 없이 예전처럼 로딩이 되는 것이니 사용하는 애드센스 모두 제거해 주세요.


    1000이라는 숫자는 1초 시간입니다. 저희는 PC는 1000 모바일은 500이 적당해서 그렇게 적용했습니다.
    이 시간은 적용해보시고 조절해 보시면 될 것 같네요.
  • ?

    감사합니다 혹시 이거 맞는지모르겟습니다 https://github.com/getify/LABjs 여기서
    받아서 압축을 펄어보니 이게 있네요 아래 사진 참조

    제목 없음.png

    저거만 레이아웃 js 폴더에 업로드 하면되는거죠 

    그리고위에 알려준 대로 하면되는건지 물어 봅니다 ㅎㅎ

    감사 합니다

  • ? Lv30
    네. 해당파일이 로딩이 되어야 아래 스크립트가 정상동작합니다. 제가 한 그대로 설명했습니다.
  • ?

    지금 위에 알려주신대로 적용하니 조금 빨라진것 같습니다 

    감사 합니다 ^^;;

  • ? Lv30
    페이지에 애드센스 숫자가 많을 수록 체감이 크지만 저희는 PC메인페이지 기준 애드센스 3개가 출력되는 데 애드센스 넣기 전에나 보여줬던 응답을 보여주네요.

    구글의 비동기는 컨텐츠 로딩 후에 광고를 출력하게 는 하지만 사전에 작업이 컨텐츠로딩에 영향을 줘서 1~2초 정도 느려집니다.

    지금 이 팁을 적용한 후 이 시간이 사라졌네요.
  • ?

    저는 PC 에서 500으로 하니 더 빨라지는군요 ㅎㅎ ;;

    무리가 안되는지 모르겠어요 

    확실히 500 이후로 더 빨라진 느낌 입니다

  • ? Lv30
    500이 빨라지는게 아닙니다. 0.5초만 지연시킨겁니다. 광고가 더 빨리 떠서 눈으로 보기에 빨라진다고 생각하는 겁니다. 충분히 지연시켜야 컨텐츠 로딩 시간을 확보하는 겁니다.

    극단적으로 9000 를 넣어보시면 무슨 뜻인지 이해하실겁니다.
  • ?

    http://afrobambacar.github.io/2015/01/%EB%8F%99%EC%A0%81-%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EB%A1%9C%EB%8D%94-LABjs.html

     

    여기서https://github.com/getify/LABjs 여기 아래 글을 번역해 놨네요 

    저는 그냥 레이아웃 폴더에 그냥 올렸습니다 js 폴더에서 말고요 

    그리고 그냥  <script src="LAB.js"></script> 이렇게 적용해봣습니다 

    그러니 약간 더 빨라진 느낌이알까요 

    그런 것 같아요 

  • ? Lv30
    어느경로에 올리던 상관없습니다. 그렇게 생각하시면 모든 모듈 모든 js들을 전부 루트에 설치해야 합니다. 기분탓입니다.
  • ? Lv4
    좋은 정보 고마워요 LAB.js 이파일만 업로드후 로드 시키면 되는거죠? 폴더 전체가 아닌?
  • Lv4 Lv30
    네. 해당파일만 필요합니다.