스케치북 스킨 사용시 가끔씩 아주 느려지는 문제 해결팁

스케치북 스킨을 쓰는 게시판에서 로딩이 유난히 느려지는 경우가 요즘 들어 종종 보이더군요.

심지어 로딩하는 동안 화면 전체가 백지로 표시되기도 하고요.

아이콘 폰트인 폰트어썸(Font Awesome)을 maxcdn.bootstrapcdn.com이라는 해외 CDN에서 로딩하기 때문입니다.

이 CDN이 요즘 문제를 겪고 있는 건지, 아니면 국내 통신사에서 접속이 잘 안 되는 건지는 몰라도

폰트어썸을 로딩하는 데 30초 이상 걸리기도 하네요.

스케치북 스킨 1.7 버전이 나왔을 때는 쓸만한 CDN이었는지 몰라도, 지금은 아닌 것 같습니다.

(XE타운에서는 이미 수정되었네요^^)

이 문제를 해결하려면...

먼저 http://fontawesome.io/get-started/ 에서 폰트어썸을 다운받습니다.
 

다운로드 방법이 좀 귀찮은데, 조금 스크롤해서 내려가다가 오른쪽에 "Download" 버튼을 클릭한 후

팝업으로 뜨는 레이어 맨 아래에 있는 "No thanks, just download Font Awesome" 버튼을 클릭해야 합니다.

다른 것을 클릭하면 유료폰트를 구입하라고 졸라댑니다 ㅡ.ㅡ

버전은 크게 중요하지 않습니다. 스케치북에서 로딩하는 버전은 4.2.0이지만, 현재 최신버전인 4.6.3을 써도 됩니다.

(만약 나중에 이 글을 읽는 분이 있다면 4.x.x 버전을 찾아보세요. 5.x.x로 올라가면 뭐가 달라질지 모르니까요...)

다운받은 폰트어썸을 압축을 풀어서 스케치북 스킨 폴더 아래의 적당한 경로에 넣습니다.

여기서는 modules/board/skins/sketchbook5/font-awesome 폴더에 넣는다고 가정하겠습니다.

이제 스케치북 스킨 파일들 중 __setting.html 160~170번째 줄 전후에서 아래의 코드를 찾아

  <load target="https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" />

아래와 같이 아까 다운받은 폰트어썸을 직접 참조하도록 변경합니다.

위에서 다른 경로에 넣은 경우 적당히 수정하세요.

  <load target="font-awesome/css/font-awesome.min.css" />

저장하고 새로고침하면 더이상 폰트어썸을 느려터진 해외 CDN에서 로딩하지 않습니다.