티스토리 북클럽 스킨 헤더(제목)부분 이미지 없애는 3단계

티스토리에서 북클럽 스킨이 가장 빠른 로딩속도를 자랑하지만 운영하고 있는 워드프레스에 비교하면 속도가 많이 느리다. 아마 초기에 용량이 큰 사진을 사용했거나 자바스크립트가 엉켜있어서 그런 것 같다.

가장 쉬우면서 빠른 로딩속도로 만들수있는 것은 북클럽 스킨에서 헤더 부분에 이미지를 없애버리는 것이다. 사실 왜 이미지가 로딩이 되는지 잘 모르겠다. 이미지가 이상하게 확대가 되어서 보기에도 별로 좋지가 않다.

1. 페이지 스피드 테스트

페이지 스피드에서 속도를 테스트하였다. 헤더 이미지를 삭제하지 않고 1차로 테스트 했을때의 점수를 확인하였다. 점수는 32점을 기록하였다. 속도를 개선하는 방법이 많이 있지만 가장 간단한 방법으로 성능을 높여볼 생각이다.

북클럽 스킨에서 헤더 이미지를 삭제를 해야한다. 그럼 아래의 순서로 삭제를 한다. Ctrl+F를 누르고 div class="post-cover" 를 검색한다.

변경 전 : <div class="post-cover"<s_article_rep_thumbnail> style="background-image:url()"</s_article_rep_thumbnail>>

변경 후 : <div class="post-cover">

이미지를 삭제하는 것만으로도 속도가 개선이 되었다. 썸네일의 이미지 용량에 따라서 사이트가 로딩되는 속도가 많이 바뀐다. 헤더 부분에 이미지가 있고 없고는 검색자에게 큰 도움이 되지 않는다. 사진은 보충이 필요한 곳에 적재적소에 쓰이면 된다.

이제 속도측정을 다시 해보았다. 32점에서 46점으로 약 43%가 상승되었다. 좀더 개선할 수 있는 부분이 있으면 조금씩 개선하여 사이트 성능을 녹색 구간으로 만들어야겠다.

아래 사진은 현재 운영중인 워드프레스의 성능 사진이다. 역시 워드프레스에도 손을 봐야 할 곳이 있는 것 같다. 그렇지만 티스토리보다 기본 점수가 높은 편인 것은 분명하다.