티스토리폰트1 구글 폰트 설정 (FOIT, preconnect, font-display) 스마트폰으로 내 블로그를 열었을 때, 텍스트가 2초 가까이 사라졌다가 갑자기 나타난 적이 있으신가요? 저는 한동안 그걸 모바일 인터넷 속도 탓으로 돌렸습니다. 그러다 PageSpeed Insights 검사에서 Google Fonts 링크가 "렌더링 차단 리소스"로 잡히는 걸 보고 나서야 원인이 다른 데 있다는 걸 알았습니다. 코드 두 줄을 고치는 것만으로 체감이 완전히 달라졌습니다.FOIT 현상, 왜 생기는 걸까요폰트가 로딩되는 동안 텍스트가 아예 보이지 않는 현상을 FOIT(Flash of Invisible Text)라고 합니다. FOIT란 브라우저가 웹 폰트를 다 받을 때까지 해당 텍스트 자체를 화면에 그리지 않는 방식으로, 특히 모바일 네트워크처럼 응답 속도가 느린 환경에서 눈에 띄게 나타납니다. .. 2026. 4. 15. 이전 1 다음
