마크쿼리 로딩 속도 개선 방법 3가지

마크쿼리 스파이더웹은 오래된 스킨이긴 하지만 아직까진 현역을 뛸 수 있는 스킨입니다. 몇 가지 불필요한 소스들을 제거해주면 한결 쾌적하게 사용할 수 있습니다.

마크쿼리 로딩 속도 저하 원인

마크쿼리 스파이더웹 커버 이미지 슬라이드쇼

이거죠. 스킨 상단에 큼지막하게 자리잡고 있는 커버 이미지요. 이게 슬라이드쇼이다 보니 게다가 커다란 이미지 2장으로 이미지 슬라이드쇼를 하는지라 로딩 속도를 저하 시킬 수 밖에 없습니다. 성능이 낮은 기기일수록 더욱 더 말이죠.

마크쿼리 스파이더웹 스킨 푸터 아래의 빌드 영역

스킨 바닥 아래에 있는 컨테이너 빌드 부분도 보이는 면적은 작지만 로딩 속도에 큰 영향을 끼칩니다.

마크쿼리 로딩 속도 저하 주범

마크쿼리 스파이더웹 스킨의 로딩 속도를 저하하는 주범은 바로 이 로딩 부분입니다. 의미 없는 로딩 이미지가 빙글 빙글 돌며 시간을 잡아 먹는데 아주 사람 돌게 만듭니다.

이 3가지 로딩 속도 저하 범인들을 스킨 소스에서 제거해 주면 신세계가 펼쳐지게 됩니다. 엄청난 속도로 블로그가 열리게 되네요.

 

마크쿼리 로딩 속도 개선 방법, 커버 제거

마크쿼리 커버 소스

스킨 상단에 자리 잡고 있는 커다란 이미지 슬라이드쇼 부분은 스킨에서 cover 부분을 찾아 제거하면 됩니다. 원본 소스에서 76번째 줄부터 92번째줄까지입니다. 위와 같이 파란 박스친 부분의 소스를 모두 선택한 후

마크쿼리 커버 소스 제거

싹 지워주면 됩니다. 스킨 하단의 커버 자바스크립트 부분도 제거해 주면 좋은데요. 이 커버 자바스크립트 제거 방법은 별도의 글로 설명하도록 하겠습니다.

 

마크쿼리 로딩 속도 개선 방법, 빌드 제거

마크쿼리 빌드 소스

스킨 바닥 아래의 컨테이너 빌드 부분은 스킨에서 container build 부분을 찾아 제거 하면 됩니다. 원본 소스에서 611번째 줄부터 617번째줄까지 container build 클래스 명의 div 박스 소스를 모두 선택한 후

마크쿼리 빌드 소스 제거

싹 날려 주면 됩니다. </footer> 아래에 <!– jQuery –> 부분이 딱 오게 말이죠.

 

마크쿼리 로딩 속도 개선 방법, 로딩 제거

마크쿼리 로딩 저하 주범

블로그 접속 시 딩글 딩글 로딩 이미지 뜨는 문제는 스킨에서 animsition 클래스 명의 div 박스 부분을 제거해 주면 해결 됩니다. 원본 소스에서 30번째 줄과

마크쿼리 로딩 저하 주범 애니메이션 소스 제거

696번째 줄을 지워주면 되네요.

소스에서 위 3가지 부분을 제거해주면 눈깜짝할 사이 블로그가 열리는 마법이 펼쳐지게 됩니다. 끝~

댓글 작성하기