XE(Rhymix)/레이아웃 자료

#HASHTAG 해외CDN 없애기

June 2022. 3. 30. 05:19

#HASHTAG 레이아웃에서 ionicons, 구글폰트를 제 서버에서 바로 불러오도록 바꾸었습니다.

바꾸고 나니 이전보다 450ms정도 속도 차이가 나네요.

 

ionicons최신버젼 받아서 빌드한건데 용량이 2M가 넘어 첨부를 못하네요.

제 테스트사이트에 임시로 올렸으니 다운받으세요.(https://uplus.wo.tc/files/ionicons@5.5.1.zip)

 

압축 푸신후 서버의 원하시는 곳에 업로드 하신 후

\layouts\hashtag\_import.html 에서

 

{@ // 외부 라이브러리 }

<script type="module" src="https://unpkg.com/ionicons@5.4.0/dist/ionicons/ionicons.esm.js">

{@ // 외부 라이브러리 }

<script type="module" src="/업로드폴더명/ionicons@5.5.1/dist/ionicons/ionicons.esm.js"></script>

로 바꾸어 줍니다.

 

아래쪽 구글폰트도

{@ // 폰트 }

<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700&display=swap" rel="stylesheet">

{@ // 폰트 }

<load target="assets/css/typography.scss" />

로 바꾸어 줍니다.


혹시 Alice board 사용하시면 첨부한 lazyload파일 다운받으시고

\alice\_config.html 에서 {@ // 폰트}와 

<load target="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.js" type="body">

을 동일하게 수정하시면 되겠습니다.