본문으로 바로가기

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

category 내 이야기 2017.03.03 02:45

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">[##_article_rep_desc_##]</div>



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





엄청 빨리졌습니다!!


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



댓글을 달아 주세요

  1. Favicon of http://sonylove.tistory.com BlogIcon SONYLOVE 2017.03.10 09:39 신고

    ㅎㅎ
    저도 이 스킨 사용중이지만 FOUC 은 우리나라 인터넷 환경과는 안맞는거 같아요.
    화면 뜨길 기다리다 다 도망갈듯.. -.-;

티스토리 툴바