[티스토리] CCZ-CROSS 스킨 속도 개선하기

최근에 스킨을 CCZ-CROSS 반응형 스킨으로 변경했지요.

그런데 블로그에 접속을 하면 로딩속도가 한템포 느리게 되는 것을 봤지요.

어렴풋이 예전에 이 스킨을 적용했을때 소스를 수정했던 것이 기억나 찾아보니 

역시 방법이 있었네요.

제가 수정한 부분은 이렇습니다.

썸네일 수정하기

첫번째는 메인화면의 썸네일의 크기를 줄여서 속도를 빠르게 하는 방법입니다.

그런데 이 방법은 하셔도 안하셔도 크게 차이를 못느끼겠네요.

HTML/CSS편집 화면에서 "thumbnail"을 검색하여 아래와 빨간색 부분을 

<img src="//i1.daumcdn.net/thumb/C240x180/?fname=https://t1.daumcdn.net/cfile/tistory/998405485B4EB8960D">

로 바꿔주세요.

 

 </s_article_rep_thumbnail>

<a class="has-object t-photo" href="/94">

<div class="thumbnail">

<div class="cropzone">

<img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F998405485B4EB8960D">

</div>

</div></a>

</s_article_rep_thumbnail>

fouc 코드 제거

HTML/CSS편집 화면에서 "fouc"를 검색하여, 아래의 두 태그 안에 있는 "fouc"를 찾습니다.

 빨간색 글씨 fouc를 삭제하고 저장합니다.

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

 <div class="e-content post-content fouc">

최근에 스킨을 CCZ-CROSS 반응형 스킨으로 변경했지요.

그런데 블로그에 접속을 하면 로딩속도가 한템포 느리게 되는 것을 봤지요.

어렴풋이 예전에 이 스킨을 적용했을때 소스를 수정했던 것이 기억나 찾아보니 

역시 방법이 있었네요.

제가 수정한 부분은 이렇습니다.

썸네일 수정하기

첫번째는 메인화면의 썸네일의 크기를 줄여서 속도를 빠르게 하는 방법입니다.

그런데 이 방법은 하셔도 안하셔도 크게 차이를 못느끼겠네요.

HTML/CSS편집 화면에서 "thumbnail"을 검색하여 아래와 빨간색 부분을 

<img src="//i1.daumcdn.net/thumb/C240x180/?fname=">

로 바꿔주세요.

 

 </s_article_rep_thumbnail>

<a class="has-object t-photo" href="">

<div class="thumbnail">

<div class="cropzone">

<img src="">

</div>

</div></a>

</s_article_rep_thumbnail>

fouc 코드 제거

HTML/CSS편집 화면에서 "fouc"를 검색하여, 아래의 두 태그 안에 있는 "fouc"를 찾습니다.

 빨간색 글씨 fouc를 삭제하고 저장합니다.

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

 <div class="e-content post-content fouc"></div>

 

이렇게 하신 후 다시 블로그에 접속해보시면 이전과는 훨씬 빠른속도로 페이지가 로딩되는 것을 확인 할 수 있습니다.

간단한 거니 느리신 분들은 적용해 보세요~

</div>

 

이렇게 하신 후 다시 블로그에 접속해보시면 이전과는 훨씬 빠른속도로 페이지가 로딩되는 것을 확인 할 수 있습니다.

간단한 거니 느리신 분들은 적용해 보세요~