thumbnail
Review (리뷰와 생활정보)/티스토리 블로그

코어 웹 바이탈 평가 CLS 0.1 초과 애드센스가 원인?!

안녕하세요. 취미 사진가 나라입니다. HTML를 활용할 수 있는 티스토리, 워드프레스 등의 블로그를 운영하면서, 블로그를 꾸미고 조금이라도 빠르게 노출시킬 수 있도록 신경 쓰시는 블로거 분들도 많으실 것이라 생각합니다. 저 역시 그러하니까요. 구글의 PageSpeed Insights를 통해 '코어 웹 바이탈 평가' 수치를 보고 CLS(Cumulative Layout Shift) 수치가 0.1을 초과하는 경우가 있으시다면... 결론적으로 말씀드리면 애드센스가 원인일 가능성이 매우 큽니다. 이번 포스팅에서는 애드센스로 인해 발생된 코어 웹 바이탈 평가 CLS 0.1 초과 문제를 해결하는 방법을 소개해 드리겠습니다. CLS(Cumulative Layout Shift) 란 무엇인가? CLS는 누적 레이아웃 이동..
thumbnail
Review (리뷰와 생활정보)/티스토리 블로그

티스토리 블로그 빠르게 로딩시키기(애드센스,애드핏 최적화)

안녕하세요. 취미 사진가 나라입니다. 지난 포스팅에서 제 티스토리 로딩 속도 문제로 최적화 작업하는 내용을 리뷰 하였었는데요. 이번에는 그 두 번째 이야기입니다. 블로그의 페이지도 사실 알고 보면 파일을 인터넷 등에서 로딩하여 읽고 화면에 표시해 주는 것인데요. 이 파일의 용량을 줄여주면 아무래도 로딩이 빨라지지 않을까요?? 네.. 바로 이러한 생각을 시작으로 최적화 두 번째 이야기를 해보려 합니다. 우선 제 블로그의 상태를 점검해 봐야겠습니다. 위 이미지는 Nara's BLOG의 구슬 서치 콘솔 내용 중 일부인데요. 색인 생성 범위 등은 정상인데, 핵심적인 웹 지표에서 모바일에 오류가 188개나 보입니다. 보고서 열기로 들어가 보니... CLS 문제로 모바일에서 0.25 초과했다는 내용인데 그 영향을 ..
thumbnail
Review (리뷰와 생활정보)/티스토리 블로그

티스토리 최적화 와 오프스크린 이미지 지연하기

안녕하세요. 취미 사진가 나라입니다. 아마도 이 글을 찾으신 분들은 티스토리를 운영하시는 분들이실 것이라 생각합니다. 제 티스토리 블로그는 티스토리에서 공개한 반응형 스킨을 이용하고 있습니다. 스킨 이름은 portfolio이며, 현재 제 블로그는 약간 수정을 해서 데스크톱 컴퓨터로 보시면 가로폭이 넓어진 상태입니다. (기존 가로 700px에서 1000px로 수정) 아무래도 취미로 찍은 사진을 올리다 보니, 사진 양도 많고.... 거기에 광고도 일부 붙어야 하니 제 티스토리 블로그의 로딩 속도는 매우 나빴었습니다. 그래서 티스토리 최적화를 해봐야겠다 마음을 먹고, 진행해 봤어요. 그런데... 시작부터 기록을 한 것이 아니고... 적용을 해보고서야... 이걸 포스팅으로 알려드려야겠다 하는 생각이 들어서.....
최근글NEW
이모티콘창 닫기
울음
안녕
감사
당황
피폐

이모티콘을 클릭하면 이미지 주소가 복사되고, 이걸 댓글창에 붙여넣으시면 됩니다.