우연히 구글의 웹페이지 속도를 체크하는 사이트를 알게 됐습니다.
https://developers.google.com/speed/pagespeed/insights/
여기에다 블로그 주소를 넣고 돌려본 결과 무려 10점대가 나왔네요.
느려도 이렇게 느릴수가...
결과가 나오면 구글에서 최적화 방법을 가르쳐 주는데
서버 응답시간 단축이니, 렌더링 차단 리소스 제거니 오프스크린 이미지 지연이니 뭐 이런 건 아무것도 모르는 내가 유일 하게 할 수 있는 건 올려놓은 글들 중에서 png로 올린 사진들을 jpg로 변환하고
여기서 다시한번 압축하는 일.
https://compressjpeg.com/ko/
썸네일까지도 다 변환하고 다시 해봐도 전혀 변하는게 없어서 좀더 찾아봤습니다.
코드를 줄이면 빨리진다는 글이 있어서 코드에 대해 전혀 모르지만 한번 시도해 보기로.
애드센스 코드중에서
<script async src="~~~~~~~~~~~></script>
<ins class="~~~~~~~~~~~~~~~></ins>
<script>~~~~~~~~~~~~~~~~~</script>
파란 부분은 </body>앞에 한 번만 붙여넣고 애드센스 광고를 넣을 부분에는 빨간 부분만 쓰면 된다는 걸 보고 시도해봤다. 잘 나오는 듯 해서 그 동안 작성한 본문포함 사이드바까지 전부 바꾸고 테스트한 결과 문제가 생기기 시작.. 내가 뭘 잘못한건가..
본문에 광고들은 전혀 문제가 없었는데 사이드바에 넣은 광고 2개가 안나오네요...
목록화면에서는 잘 나오다가 특정 페이지들에 들어가면 안나오거나 광고가 하나만 나오거나
전혀 광고를 넣지 않은 사이드바 아래쪽에서 광고가 나오거나..
잘나오는 페이지들도 그 페이지를 수정하면 안나옵니다.
다시 코드들을 원상복구 해봐도 마찬가지..
코드들을 다 지우면 광고가 다 없어지고 본문에 하나라도 코드를 넣으면 넣지않은 광고가 생기기도 하고
스킨을 바꿔봤습니다. 바꾸고 속도를 다시 확인해보니까 50점대.
속도는 올랐지만 일단 광고가 나오지 않으니까 크롬 쿠키를 지워보기도 했는데 곧 같은 현상이..
광고가 안나온다는 글을 다 읽어보다가
<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>
이게 빠지면 제대로 안나온다는 글도 봤는데 음..
이것저것 계속 해보다가
http://apmup.com/install/466 여기 있는 '구글 애드센스 코드를 간단히 만들 수 있는 방법은 없나요?'라는 게시물에서 봤던
광고 띄울부분에 <ins ~></ins>만 남기고 스크립트는 삭제합니다.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
jQuery(function($){
$('.adsbygoogle').each(function(){
(adsbygoogle = window.adsbygoogle || []).push({});
});
});
</script>
이 코드를 </body>위에 붙여봤습니다. 그러자 안나오던 사이드 광고가 나오기 시작..일부 페이지에서는 여전히 광고를 안넣은 곳에서 광고가 나왔는데 크롬 쿠키를 다시한번 지워보니까 없어졌습니다.
어디가 문제였는진 모르지만 일단 광고가 나오니까 저 글대로 <ins ~></ins> 이 부분만 남기고 코드 줄이기도 시도해봤는데 잘나옵니다.
내가 시도해 본 것
1. 광고코드 원상복구
1. 브라우저 쿠키삭제
2. 스킨변경
3. 스크립트 붙여넣어보기
그런데 속도는 딱히 빠른지 모르겠네요. 시간만 날림..