XETOWN

하얀 언덕

웹사이트를 운영하면서 생긴 고민이나 노하우를 함께 나눠보세요.
조회 수 207 추천 수 7 댓글 11
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

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

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

 

아이콘 폰트인 폰트어썸(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에서 로딩하지 않습니다.

 

후원해주신 분들

이 콘텐츠가 마음에 드셨다면 커피 한잔 (후원)

닫기
작가에게 커피 한잔(후원)을 사주세요.

Who's 기진곰

profile

GitHub 아이디는 @kijin입니다. 사람을 위한 인터넷 생태계의 발전과 웹 보안에 많은 관심을 가지고 있습니다.

오픈소스 도로명주소 검색서버 및 API Postcodify를 개발, 운영하고 있습니다.

우리가 만들어 가는 XE의 새 이름, 라이믹스(Rhymix) 프로젝트에 참여하고 있습니다.

국내외 서버 및 클라우드서버 셋팅, 이전, 튜닝해 드립니다.

  • profile
    웹지기 2016.09.19 23:22:44
    저는 웹폰트에 좀 정이 많이 떨어져서 웹폰트 다 제거하고 폰트어썸도 서버에 직접 업로드해서 사용하는거로 싹 바꿨었죠. 그때 저도 이것 포함해서 CDN을 이용하는거 다 지워버렸었네요. 근데 이 파일명 간만에 봐서 그런가 낯서네요 ㅋ .php 였군요. 전 .html 이라고 당연하게 여겼었나보네요~
  • profile
    기진곰 2016.09.19 23:39:05

    아, __setting.html입니다. php라고 잠깐 착각했었나 봐요. 수정했습니다.

  • profile
    웹지기 2016.09.19 23:35:12
    저는 제 노트북의 익스플로어에서 웹폰트 불러올때 브라우저 새로 열때마다 10여초 이상 걸리는 괴상한 상황을 파악하고 (물론 그 당시 여기 다른 회원분들의 컴은 괜찮다는분도 계셨지만요...) 웹폰트 다 중지하고 회원들 컴에 저희 사이트 최적화 폰트를 설치를 장려하는 방향으로 바꿨습니다.

    브라우저를 계속 사용하는 경우는 문제가 없었지만 닫았다가 다시 여는 순간마다 저와 같은 케이스의 컴 사용자들은 꽤 불편을 겪는다는 것을 생각하니 웹폰트를 더 못쓰겠더라구요.
  • ?
    기븐 2016.09.19 23:50:21
    이건 바로 적용해야겠네요. 감사합니다
  • profile
    Sunup 2016.09.22 13:30:07
    스케치북 사용자가 많은데 좋은 정보네요!
  • profile
    생짜초보 2016.09.23 08:08:16
    감사히 잘 사용하겠습니다~
  • ?
    빵집아저씨 2016.09.27 00:39:12
    감사합니다
  • ?
    gusals 2016.09.28 06:34:26
    모바일도 따로 설정해줘야 하나요?
  • profile
    기진곰 2016.09.28 09:51:43
    일단 제가 발견한 것은 공통 파일 한 군데밖에 없지만, 혹시 다른 곳에도 있다면 수정이 필요하겠지요.
  • profile
    崠駐 2016.09.29 16:03:35
    갑사합니다. 적용해봅니다
  • ?
    가이더 2016.09.30 12:26:53
    굿

List of Articles
번호 분류 제목 글쓴이 날짜 조회 수
108 운영이야기 친구들하고 소규모 커뮤니티 운영해보려고합니다. 조언부탁드립니다. 22 Overachiever 2016.11.28 135
107 운영이야기 백업을 증분백업으로 그것도 원격으로 해 놓으니 좋네요. 6 웹지기 2016.11.25 87
106 운영 노하우 TIP spambot에 대응하기 2 휘즈 2016.11.21 74
105 운영 노하우 TIP 임대형 vs 구매형 서버 가격 비교 팁 [수정] 3 기진곰 2016.11.10 168
104 토론/고민 열심히 게임을 만들었는데 아무도 안해주니 참 절망스럽네요... 13 bowon 2016.11.10 210
103 운영 노하우 TIP 네이버 웹마스터도구를 통해 어느순간 색인이 안될때 3 file 가브리엘조 2016.11.06 113
102 토론/고민 XE 3.0이 자리잡을 수 있을까요? 15 dd 2016.10.25 196
101 운영이야기 네이버 웹문서 검색이 또 개편되었네요 8 file 아싸리방가 2016.10.19 193
100 토론/고민 사이트맵 검색도구 어떻게 활용하고 계신가요? 1 이온디 2016.10.18 208
99 운영 노하우 TIP HTTP2 사이트 최적화하기 1 고라자 2016.10.15 137
98 운영이야기 포인트를 사용하라고 기프티콘을 올려도... 7 빵집아저씨 2016.10.03 128
97 운영이야기 알림센터 이런기능 있으면 좋겠네요.. 2 빵집아저씨 2016.09.29 111
96 운영 노하우 TIP SEO에서 제목이 중요 ? 내용이 중요? 4 file 웹지기 2016.09.29 155
95 운영 노하우 TIP nginx "Server" 응답헤더 제거하기 2 후하니 2016.09.28 137
94 운영이야기 WoSign 또는 StartSSL 인증서 사용하시는 분들 필독 10 기진곰 2016.09.27 345
93 운영이야기 타운 팁 덕분에 후원하기 버튼을 만들어 봤습니다. 6 file 빵집아저씨 2016.09.27 126
92 운영이야기 클라우드플레어 한국/미국/일본 접속 속도 비교 15 기진곰 2016.09.25 256
91 운영 노하우 TIP 간단하게 IP국가 알아보기 3 file 후하니 2016.09.25 129
» 운영 노하우 TIP 스케치북 스킨 사용시 가끔씩 아주 느려지는 문제 해결팁 11 기진곰 2016.09.19 207
89 운영이야기 사이트 개설전, 주제 때문에 고민이 됩니다 ^^ 12 빵집아저씨 2016.09.18 139
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...