XETOWN

하얀 언덕

웹사이트를 운영하면서 생긴 고민이나 노하우를 함께 나눠보세요.
?

단축키

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에서 로딩하지 않습니다.

 

글쓴이 기진곰

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
번호 분류 제목 글쓴이 날짜 조회 수
97 운영이야기 알림센터 이런기능 있으면 좋겠네요.. 2 빵집아저씨 2016.09.29 127
96 운영 노하우 TIP SEO에서 제목이 중요 ? 내용이 중요? 4 file 웹지기 2016.09.29 198
95 운영 노하우 TIP nginx "Server" 응답헤더 제거하기 2 후하니 2016.09.28 202
94 운영이야기 WoSign 또는 StartSSL 인증서 사용하시는 분들 필독 10 기진곰 2016.09.27 486
93 운영이야기 타운 팁 덕분에 후원하기 버튼을 만들어 봤습니다. 6 file 빵집아저씨 2016.09.27 158
92 운영이야기 클라우드플레어 한국/미국/일본 접속 속도 비교 15 기진곰 2016.09.25 410
91 운영 노하우 TIP 간단하게 IP국가 알아보기 4 file 후하니 2016.09.25 183
» 운영 노하우 TIP 스케치북 스킨 사용시 가끔씩 아주 느려지는 문제 해결팁 11 기진곰 2016.09.19 262
89 운영이야기 사이트 개설전, 주제 때문에 고민이 됩니다 ^^ 12 빵집아저씨 2016.09.18 160
88 운영이야기 루아틱 호스팅 궁금한 점 입니다.. 6 file 빵집아저씨 2016.09.18 209
87 운영이야기 웹호스팅 추천하시는곳 있나요? 10 빵집아저씨 2016.09.17 234
86 운영이야기 걱정되고 두렵지만 다시 한번 해보려합니다. 4 빵집아저씨 2016.09.16 140
85 운영 노하우 TIP 우연히 회원분들 사이트를 보다가 발견했습니다. 6 BlackTeddyBear 2016.09.13 358
84 운영 노하우 TIP 서버 운영할때 사용하면 좋은 팁 7 file 가브리엘조 2016.07.05 469
83 운영 노하우 TIP 프로그래밍을 못하는 사이트 관리자 꿀팁!? 3 루딩 2016.06.23 386
82 운영이야기 페이지 로딩시간 끝판까지 갔습니다. 8 웹지기 2016.05.17 363
81 운영이야기 어중간한 웹호스팅보다는 가상서버로 옮기시는 것이 효율적입니다 19 벼리123 2016.04.22 907
80 운영 노하우 TIP 클라우드플레어 사용시 서버 IP 노출 방지 체크리스트 12 기진곰 2016.04.09 2800
79 운영 노하우 TIP 분명 보냈는데 이메일이 안가나요(해외 메일)? 이메일 발송 테스트 사이트 4 file YJSoft 2016.03.19 270
78 운영 노하우 TIP 유튜브 채널을 운영하시나요? 카드 기능을 아세요? 15 file 웹지기 2016.03.18 362
Board Pagination Prev 1 2 3 4 5 6 Next
/ 6
위로
서버에 요청 중입니다. 잠시만 기다려 주십시오...