[블로그스킨] ccz-cross 스킨 로딩 속도 해결방법은?

 

 

안녕하세요~ 디자인놀이터 유디입니다.

그동안 블로그를 접속할 때 바로 페이지가 떠야 하는데 왜 이렇게 느리지?라는 의문만 가지고 있었습니다. 해결하려고 하지 않았죠. 해결 방법이 있을까?라는 생각에 검색을 해보니 해결방법이 있더라구요. 정말 쉬웠습니다.ㅎㅎ  그동안 왜 찾아볼 생각을 하지 않았는지.. 이제라도 해결하니 한결 맘이 편하네요~ 

방법은 여러가지가 있더라구요. 모두 블로그 관리자 페이지에 있는 스킨 편집에 HTML 편집 창에서 변경하시면 됩니다. 

첫번째 방법은 블로그 메인화면 썸네일 이미지의 크기를 줄이는 방법입니다. 썸네일 사이즈를 바꾸는 방법은 크게 변화를 못 느끼겠더라구요. 다른 분들도 그런것 같았구요. 그래도 혹시 몰라 변경은 했습니다.^^ 

 

HTML편집 페이지에서 아래 코드를 찾아주세요. 찾는 방법은 HTML 편집 페이지에서 빈 공간에 클릭을 하신 후 ctrl+f를 누르면 검색창이 뜹니다. 거기에 thumbnail을 검색하면 쉽게 찾을 수 있습니다. 

<img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FMRkhs%2FbtqFizJDuuK%2FlOyY8nWcrUJVyHRu80sjTk%2Fimg.png">

 

 

 찾으셨으면 이제 위 코드를 아래 코드로 바꿔주면 됩니다. 

<img src="//i1.daumcdn.net/thumb/C200x150/?fname=https://blog.kakaocdn.net/dn/MRkhs/btqFizJDuuK/lOyY8nWcrUJVyHRu80sjTk/img.png">

 

두번째 방법은 HTML 코드에서 fouc 코드를 제거해 주는 방법인데요. 
두 번째 방법인 fouc 코드를 없애니까 메인 페이지가 거의 로딩 없이 바로 뜨더라구요. 

방법은 마찮가지로 HTML 편집 페이지에서 빈 공간에 클릭한 후 ctrl+f를 누르고 fouc를 찾아주세요. 

<div class="list-row pos-right ratio-fixed ratio-4by3 crop-center lts-narrow fouc clearfix">
<div class="e-content post-content fouc">

 

여기에 있는 fouc를 제거해 주면 됩니다.

확인해 보시면 훨씬 빨라진 것을 느낄 수 있습니다.

 

저와 같은 스킨을 사용하시는 분들 중에 같은 고민을 하고 계신 초보분들에게 도움이 되시길 바랍니다^^