마크쿼리4.0(spider's web) 반응형 스킨 로딩속도 개선하기.

광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

블로그 스킨을 마크쿼리4.0(spider's web) 반응형 스킨으로 변경하고 이것저것 수정하는데 페이지 로딩이 장난아니게 느리다는것을 알게되었습니다.

 

마크쿼리4.0(spider's web) 반응형 스킨 관련 글:

마크쿼리 반응형 스킨 다운, 설치하기.(spider's web 반응형 스킨)

 

그래서 스킨 디자인 수정작업을 중단하고 일단 로딩이 느린 부분을 먼저 수정해 보았습니다.

 

마크쿼리4.0(spider's web) 로딩 빠르게 하기.

페이지가 열릴때마다 위 로딩화면이 나오는데 이 부분을 삭제해 보겠습니다.

 

그리고 메인하단에 나오는 위 항목도 같이 삭제해 보겠습니다.

 

티스토리 관리화면으로 접속하셔서 '꾸미기 -> HTML/CSS 편집'을 열어주세요.

 

HTML/CSS 편집화면이 열리면 HTML항목에서 스크롤을 조금 내려보면 위 항목이 있습니다.

 

"<div class="animsition" data-animsition-in="fade-in" data-animsition-out="fade-out">"항목을 주석처리 해 주시면 됩니다.

 

"<!-- <div class="animsition" data-animsition-in="fade-in" data-animsition-out="fade-out"> -->" 로 주석 처리완료.

 

그리고 스크롤을 마직막까지 내려서 아래 항목을 찾아 주세요.

 

 

</div><!-- /.animsition -->항목을 주석처리 해 주시면 됩니다.

 

<!--</div> /.animsition -->로 주석처리 완료.

 

하단 링크 목록 삭제하기.

 

하단에 보이는 링크 목록을 안보이게 삭제 해 보겠습니다.

 

스크롤을 내려서 맨하단에 보시면 마크쿼리 카피라이터 부분이 있습니다. 카피라잌터 바로 아래에 '<div class="container build">'코드를 찾아 주세요.

 

<div class="container build">전부를 주석처리 해 주시면 됩니다.

 

이렇게 코드들을 <!-- -->를 이용해서 주석처리하는 이유는 나중에 사용할수도 있고 코드 수정을 했을때 발생할수 있는 문제에 대한 대비책이라 생각하시면 될듯 합니다.

 

수정한 코드값 때문에 스킨에 문제가 발생한다면 수석처리를 삭제하므로써 그 기능을 살릴수 있습니다.

 

저작자 표시 비영리 변경 금지
신고