CCZ-CROSS 스킨 페이지 로딩속도 개선하기

ToDiva님이 만드신 스킨을 적용했다가

흉내쟁이님이 만드신 CCZ-CROSS 스킨을 적용했습니다!! (감사합니다!)

돌아다니다 많이 접한 스킨이여서 익숙하기도 하고 깔끔하기도 하여 적용했는데..

페이지 로딩 시 답답함이 느껴지네요..ㅠㅠ

(스킨 배포 : http://webdir.tistory.com/notice/492)

구글링을 통하여 여러가지 방법을 찾아보고 적용해보는 과정에서

몸으로 가장 느껴지는 속도개선 방법을 소개해봅니다.

fouc 제거방법!

이 방법을 적용하면 페이지 클릭마다 빨라진 반응속도를 몸으로 느낄 수 있습니다. (썸네일 치환자 교체보다 훨씬 더 요..)

관리자 -> HTML/CSS 편집 -> fouc를 검색하여 제거

총 4군데의 fouc를 제거

<section id="cts-result" class="no-entry fouc"> <div class="list-row pos-right ratio-fixed ratio-4by3 crop-center its-narrow fouc clearfix"> <div class="sub-info fouc> <div class="e-content post-content fouc"> 반응형 ToDiva님이 만드신 스킨을 적용했다가 흉내쟁이님이 만드신 CCZ-CROSS 스킨을 적용했습니다!! (감사합니다!) 돌아다니다 많이 접한 스킨이여서 익숙하기도 하고 깔끔하기도 하여 적용했는데.. 페이지 로딩 시 답답함이 느껴지네요..ㅠㅠ (스킨 배포 : http://webdir.tistory.com/notice/492) 구글링을 통하여 여러가지 방법을 찾아보고 적용해보는 과정에서 몸으로 가장 느껴지는 속도개선 방법을 소개해봅니다. fouc 제거방법! 이 방법을 적용하면 페이지 클릭마다 빨라진 반응속도를 몸으로 느낄 수 있습니다. (썸네일 치환자 교체보다 훨씬 더 요..) 관리자 -> HTML/CSS 편집 -> fouc를 검색하여 제거 총 4군데의 fouc를 제거 <section id="cts-result" class="no-entry fouc"> <div class="list-row pos-right ratio-fixed ratio-4by3 crop-center its-narrow fouc clearfix"> <div class="sub-info fouc> <div class="e-content post-content fouc"></div> 동영상은 적용 전 상태와 적용하는 방법, 적용 후 상태를 영상으로 찍어봤습니다. 엄청 빨리졌습니다!! 답답하신 분들은 적용 해보세요~!! 반응형 </div>

동영상은 적용 전 상태와 적용하는 방법, 적용 후 상태를 영상으로 찍어봤습니다.

엄청 빨리졌습니다!!

답답하신 분들은 적용 해보세요~!!