반응형 스킨 로딩속도 올리기 (CCZ-CROSS 스킨)

안녕하세요 코딩런입니다.

이제 슬슬 수정내역을 포스팅하고자 합니다.

가장 처음으로 이 CCZ-CROSS스킨을 사용하면 로딩 속도가 느리다는 평이 대부분입니다.

그래서 썸네일 치환자를 바꿔주고 fouc처리된 코드도 삭제를 해줍시다.

fouc삭제는 눈속임(?)이지만 그래도 답답하게 페이지가 뜨는 것보다는 훨씬 낫기 때문에 fouc는 삭제를 해줍니다.

수정을 하기위해 관리자 페이지로 진입합니다.

여기서 HTML/CSS 편집 클릭!

이번 포스팅에는 HTML코드만 수정하면 되므로 HTML탭 클릭!

CTRL + F를 누르고 검색해서 찾은다음 변경하면 끝!!

주의 : 위에 엑스표시 있는곳에 검색하시고 안된다고 하시는 분들이 계신데 검색은 항상 노란박스에서 해주세요. 

---

1. 썸네일 치환자 변경

기존에 <img src="https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F2179154657DF854F21"> 이던 치환자를

<img src="//i1.daumcdn.net/thumb/S240x180/?fname=https://t1.daumcdn.net/cfile/tistory/2179154657DF854F21"> 이렇게 변경시켜 줍니다.

이미지 사이즈는 자유롭게 변경할 수 있는데 코코소프트님께서 잘 정리를 해 놓으셨으니 참고하실분들은 코코소프트님 포스팅을 클릭해주세요!

저는 S240x180으로 설정했습니다.

2. fouc처리 삭제

fouc처리한 것을 삭제하면 모바일에서 크기 변환하는것이 눈에 보이는데, 그것보다는 속도가 빠르다고 느끼는 것이 좋기때문에 fouc를 삭제 해줍니다. 원하는 구역만 삭제하셔도 되고, 저처럼 전부 삭제 하셔도 됩니다. (오류가 있을 수 있음. 저는 지금까지 한번도 오류를 겪은적은 없습니다 ^^;) 

HTML에서 검색창에 fouc를 검색 해줍니다.

no-entry 뒤에 fouc를 삭제.

info 뒤에 fouc를 삭제.

content뒤에 fouc삭제.

lts-narrow뒤에 fouc삭제.

첫 페이지도 언능 만들어야 하는데 이건 천천히 진행 해야겠어요. 

몇 일을 수정했더니 너무나 힘이 듭니다 ㅎㅎ

그럼 다음 포스팅으로 뵙겠습니다.