사이트 속도

🧏 SEO 사이트 최적화 속도 향상 방법 모음 정리

1. 폰트 로딩 최적화 @import 사용 피하기 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); @import는 폰트를 불러오는데 브라우저 로딩을 잠시 멈춰 세운다. 폰트를 로딩하고 나서야 그다음 css을 로딩하기 때문이다. @font-face 사용 따라서, link혹은 @font-face를 통한 웹폰트 로딩을 사용하도록 하자. link태그의 href링크로 가보면 안에 @font-face로 코딩되어있는 페이지를 볼수있다. 즉 그게 그거이다. /* 웹폰트 로드 */ @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/project..

인파_

2022.01.05