inflearn logo
강의

Course

Instructor

Real-world web performance optimization for frontend developers (feat. React) - Part. 2

3-6-2) Font Optimization 2 (subset, unicode-range, data-uri)

css font-face unicode-range

Resolved

360

bigpictureteamsi5172

3 asked

1

안녕하세요 선생님, 정말 좋은 강의 감사합니다.

선생님이 설명해주신 폰트 사이즈 줄이기 (Unicode Range) 를 테스트 해보려고 했습니다.

 

제가 진행한 Nextjs, React 두가지 프로젝트 환경에서 Unicode range없이 네트워크를 살펴보았는데요, 알아서 그 페이지에서 사용하는 폰트만 불러오는 것을 확인했습니다.

혹시 react 프로젝트는 Unicode-range 를 해주지도 않았는데 알아서 최적화를 해주는 것인가요...??.....

 

react devtools

Answer 1

0

hackurity01

안녕하세요 빅픽쳐팀SI사업팀 님.

말씀해주신 환경을 직접 분석해 본 것이 아니라 확실하게 답을 못 드리겠네요.

그런 기능이 있다면 브라우저에서 지원을 해주거나 하는 것일 텐데... 이건 저도 모르겠네요.

다만, 구글 웹폰트를 사용하고 계신다면 기본적으로 최적화가 되어 있는 상태일 겁니다.
아니면 서브셋을 한 폰트 설정(CSS)에 유니코드 레인지가 설정되어 있거나요.

이건 해당 환경에서 복합적인 요소를 확인해봐야 알 수 있을 것 같습니다.

 

예제 프로젝트 관련 질문입니다.

0

73

1

개발환경에 대한 안내

1

162

2

layout shift가 아주 약간 일어나는 부분에 대해

0

312

2

3-4) 이미지 사이즈 최적화 과정에서 img 태그 작동 안되는 문제

0

299

2

Material--icons_4.0.0.woff2

0

211

1

코드 실행 시 에러 관련 질문드립니다!!

1

581

1

npm run serve가 동작하지 않아요

0

705

1

lighthouse 측정에 관해 질문드려요

2

1008

1

webp 확장자질문

1

424

1

이미지 지연 로딩 질문 있습니다!

2

448

1

폰트 포멧에 대한 질문입니다.

1

390

2

궁금한 점이 있어요

1

350

1

woff2 포멧 IE에서 사용가능 여부

1

422

2

3-3 이미지 지연 로딩 코드 어디서 보나요?

1

328

1

img 태그가 작동이 되지 않습니다.

1

407

1

질문있습니다~

2

223

1

이미지 오류 요청 오류

1

399

1

안녕하세요~ 질문드립니다

1

305

1

궁금한점이 있습니다.

1

228

1

강의자료

1

207

2

안녕하세요 리액트 최적화 관련하여 질문드립니다.

2

1462

1

선생님 질문이 하나 있는데요~~

1

378

2

정말유익해요

2

217

1

궁금한 점이 있습니다.

1

263

1