CSS - 문제 미리보기

문제 1365

medium
HTML 파일에서 CSS를 로드하는 가장 효율적인 방법은? ```html
Content
```
A. 방법 A - `` 태그 사용
B. 방법 B - `@import` 사용
C. 방법 C - 인라인 스타일 사용
D. 모든 방법이 동일한 성능

정답: A

• `` 태그가 가장 효율적인 CSS 로딩 방법입니다 • 각 방법의 성능 분석: 방법 A (`` 태그): • HTML 파싱과 동시에 CSS 파일 다운로드 시작 • 병렬 로딩으로 빠른 성능 • 브라우저 캐싱 효과적 활용 • 렌더링 차단 최소화 방법 B (`@import`): • CSS 파일이 순차적으로 로딩됨 • 첫 번째 CSS가 로드된 후 두 번째 CSS 요청 • 렌더링 지연 발생 • 성능상 권장되지 않음 방법 C (인라인 스타일): • HTML 파일 크기 증가 • 캐싱 불가능 • 코드 재사용성 떨어짐 • 유지보수 어려움 최적의 CSS 로딩 전략: ```html ``` • 성능 최적화 팁: • CSS 파일을 `` 섹션에 배치 • 여러 CSS 파일보다 하나의 통합 파일 사용 • 미니파이된 CSS 파일 활용 • CDN을 통한 CSS 제공

💡 학습 팁

이 문제를 포함한 CSS 과목의 모든 문제를 순차적으로 풀어보세요. 진행상황이 자동으로 저장되어 언제든지 이어서 학습할 수 있습니다.