티스토리 블로그 수정작업
티스토리 자체 테마 중에 Book Club 테마를 수정해서 최적화 테마를 제작해 봤습니다. 몇 일 테스트 중이며 아직까지는 사용하는 데 별 문제가 없어 보입니다. 기본 테마에 최적화를 위해서 몇 가지 기능은 삭제했습니다.
많이 사용하지 않는 기능이고 전체적으로 메모리만 소비하는 부분 또는 필요하지만 이 부분을 포기하고 다른 이득이 될 수 있는 부분은 과감히 정리했습니다. 주 타겟 목표는 검색 엔진 최적화 점수와 CLS 허용 범위로 정했으며, CLS 허용 범위는 좀 빠뜻하게 모바일 테스트로 비중을 두고 작업을 진행했습니다. 그리고 티스토리 테마 원본을 그대로 유지하려고 최대한 구성을 변경하지 않았습니다.
아직 몇가지 해결이 안된 부분과 추가해야 할부분이 있지만 사람 욕심이 끝이 없다고 하나 둘 수정하면 자꾸 수정하게 되서 이정도에서 그냥 사용할가 생각중입니다.
야래는 수정 내용입니다.
작동 정지
라이트박스(lightbox) 기능을 정지했습니다. 이미지를 클릭하면 팝업창으로 이미지만 확대해서 볼 수 있는 기능입니다. 필요하면 코드 삭제로 다시 사용 가능하게 처리했으며, 저는 필요 없어 정지시켰습니다.
삭제
관련글 이미지, 댓글란 이미지, 그리고 소개란 이미지를 삭제했습니다. 성능, 접근성, 권장 사항에 영향을 미치는 부분이라 삭제하지 않아도 되지만, 최대한 고정 리스크를 줄이고 오히려 이러한 리스크 범위 안에서 자유롭게 이미지와 동영상 작업을 하기 위해서입니다. 글 페이지 상단 제목란의 이미지 노출을 없애고 단색으로 변경했습니다.
코드 수정
그외 최적화를 위해 몇가지 코드를 수정했습니다.
댓글 이미지등 작은 부분을 삭제한 이유는 글을 작성하다 보면 작은 실수나 다른 이유로 다른 페이지에 영향을 줄 수 있는 부분을 최대한 줄이기 위해서입니다. 댓글의 이미지 역시 이용자의 댓글 이미지가 문제를 일으키는 경우가 있습니다. 그런 경우에 운영자가 할 수 있는 부분은 없기 때문에 댓글을 삭제하는 것보다 차라리 문제를 일으킬 수 있는 이미지를 제거하는 식으로 수정 작업을 진행했습니다.
성능 점수 비중 때문에 광고 노출수를 줄이거나 동영상, 이미지 애니메이션 등을 포기할 수 없어서 최대한 노출이 가능한 광고를 성능 점수에 문제가 없는 부분으로 배치했습니다. 양 사이드와 상단에 방문자를 따라 다니는 광고를 삽입했고, 모바일 접속 시 광고가 문제가 될 수 있기 때문에 자동으로 인식해서 광고 노출이 되지 않도록 작업했습니다.
추가 광고 영역은 기존 레이아웃 안에서만 추가할 수 있는 광고를 좀 더 확장해서 레이아웃 밖으로 고정 디스플레이어가 되도록 사이드 양 옆으로 총 4개와 상단에 고정된 1개를 추가했습니다.
궁금한 점이 있으면 언제든지 말씀해주세요!