티스토리 블로그 댓글 이미지 삭제한 이유

오늘은 왠지 구글SEO가 떠오르고, 내 블로그 속도가 최악이라는 사실에 물론 인지하고 있었지만, 소통의 재미를 뺄수없기에 일단 티스토리 블로그 댓글 이미지를 먼저 삭제함으로써, 조금이나마 로딩의 속도를 올려 봅니다. 하얀맘이 댓글 이미지를 삭제한 이유를 간단하게 이야기 해드릴게요.

 

 

댓글 이미지 삭제

티스토리 블로그 댓글 이미지 삭제

 

어느날 문득 구글서치콘솔에 들어가서 해당 계정에는 어떤 문제가 있을까 의문이 들어, 확인해보기 시작했습니다 역시나, 어느시점부터 핵심적인 웹지표에 오류가 많이 생겼습니다. 확인해본 결과 아래와 같은 문제점을 발견했습니다.

 

• LCP (Largest Contentful Paint)

• CLS (Cumulative Layout Shift)

 

도대체 애들은 어디다 쓰는 말인지 도통 알수가 없어서 알아봤습니다. 알아봤는데도 저는 이해력이 떨어지는지 외계어로 들리네요. LCP, CLS의 내용은 아래와 같습니다.

 

 

1. LCP란 : 페이지의 기본 콘텐츠가로드되었을 가능성이있는 페이지로드 타임 라인의 지점을 표시하기 때문에 인지 된로드 속도 를 측정하는 데 중요한 사용자 중심 메트릭입니다. 빠른 LCP는 페이지가 유용하다는 것을 사용자에게 확신시키는 데 도움이됩니다.  메트릭 은 뷰포트에서 볼 수 있는 가장 큰 이미지 또는 텍스트 블록 의 렌더링 시간을보고합니다. 

 

 

2. CLS란 : 사용자가 예상치 못한 레이아웃 변경을 경험하는 빈도를 정량화하는 데 도움이되므로 시각적 안정성 을 측정하는 데 중요한 사용자 중심 측정 항목입니다.  CLS는 낮을수록 좋습니다. 페이지에서 발생하는 모든 예기치 않은 레이아웃 이동에 대한 모든 개별 레이아웃 이동 점수의 합계를 측정한 값.

 

 

댓글 이지미 삭제이유

 

댓글이미지 삭제한 이유

 

위의 내용을 쉽게 이야기 해드리기 위해 일단 사진으로 보여드릴게요. 아래 티스토리 플로그인으로 들어가서 구글서치콘솔 플로그인을 누르시면 아래와 같은 사진이 나옵니다.

 

구글 서치콘솔

여기서 Google Search Console 바로가기를 클릭하면, 이전에 등록되어 있었다면 바로 구글서치콘솔로 넘어가게 됩니다. 거기서 개선사항을 보면 핵심적인 웹지표가 나오죠 보고서 열기를 해서 보면 무엇이 문제인지 나옵니다.

 

 

개선사항

 

 

모바일 느린URL

 

모바일에 386개의 URL이 느림으로 나옵니다. 이러면 구글 SEO에 문제가 생긴게 뻔한데 느림386개의 문제점은 무엇인지 알아보도록 하겠습니다. 문제가 2개라고 나와 있네요.

 

 

구글 서치콘솔

 

문제점

문제점

 

앞서이야기 한것처럼, CLS, LCP가 문제가 되었습니다. 여기서 말하는 내용이 어려워서, 그져 내 블로그 속도가 늦어진 원인을 찾는거라 생각하며, 살펴보기로 했습니다. 주소를 더블크릭하면 -> 오른쪽에 PAGESPEED INSIGHTS 나옵니다. 아래 사진을 참고하세요.

 

 

더블클릭

 

 

 

PAGESPEED INSIGHTS 클릭

 

PAGESPEED INSIGHTS 클릭하면 아래와 같은 사진이 나옵니다. 기다리세요.

 

 

기다려주세요

 

블로그 속도

 

위에서 모바일, PC선택하시면 해당 포스팅의 속도를 볼수 있습니다. 아 다른 계정의 블로그들은 이정도는 아닌데, 해당계정의 블로그만 이렇게 속도가 뒤쳐진다는것은, 여러가지가 짐작이 왔기에, 자세히 들여다 봤습니다.

 

 

압축안된 사진들

 

댓글에 달린 이미지

 

솔직히 제가 부블로그는 썸네일하기 귀찮아서 잘안하는것이 문제일수도 있구요. 그와 더불어 사진을 압축하지 않고 대충 때려넣은것도 블로그 속도를 느리게 만드는데 한 몫했습니다.

 

 

그리고 댓글이미지에 대한 예전에도 그런 문제를 격었기에, 댓글을 안달리게 했는데, 소통하는 블로그가 댓글이 안달리면 안되잖아요. 그래서 댓글 이미지를 안나오게 설정했습니다.

 

 

"JB스킨이라면, CSS에 다음과 같은 코드를 찾아 display: none; 입력하세요."

 

• 수정전 -> .jb-discuss-table-cell-logo {width: 80px;padding: 10px 0px 10px 10px; }

• 수정후->  .jb-discuss-table-cell-logo {width: 80px;padding: 10px 0px 10px 10px; display: none; }

 

이렇게 작성하면 아래와 같이 이미지가 나오지 않습니다. 이미지가 나와야지 이쁘잖아요. 그래서 이미지 안지울려고 했는데 이미지설정에 어떤분은 용량이 어마어마해요. 누구라고 이야기는 안하겠지만 3000kib가 넘으시는 분들이 있으며, 1000kib 넘어가시는 분들도 많아서, 어쩔수 없었네요.

 

 

댓글을 막자니, 소통이 안되고, 예쁘게 관리하고자 하니 대표이미지에 대한 별생각 없으신 분들은 자신의 이미지의 고화질로 인하여, 블로그 속도에 문제가 되고 있다는것을 인지하지 못하고 있는것 같아 저의 이웃님들께 말씀드릴게요. 대표이지미 용량한번 확인해보세요. 용량이 너무 크면 다른이웃들에게 민폐가 된다는것 알려드리고 싶네요.

 

 

하얀맘도 기좀 160kib인가 나왔는데 21.5kib로 완전히 용량을 축소시켜 버렸어요. 혹 나의 이미지 때문에 다른 블로그의 속도를 떨어트릴까 구글 SEO에 방해될까 최적화 용량으로 이웃들에게 놀러 갈거 랍니다.

 

 

별것 아니지만 오늘은 왠지 구글SEO에 맞게 글을쓰고 싶어지는 이마음, 구글에서 해당 부블로그를 찾지 않는이유는 바로 이러한 문제도 내포되어 있었다는것을 이야기 드리며, 이상으로 티스토리 블로그 댓글 이미지 삭제한 이유를 이웃 블로그 님들께 알려드립니다.