최적화(Optimization)

1.[최적화 기법] - HTML, CSS 코드 최적화 하기

post-thumbnail

DOM 트리 가볍게 만들기, 인라인 스타일 사용하지 않기, 사용하지 않는 CSS 제거하기, 간결한 셀렉터 사용하기

2023년 2월 1일

2.[최적화 기법] - 리소스 로딩, 브라우저 이미지 최적화 하기

post-thumbnail

CSS 파일 불러오기, JavaScript 파일 불러오기, 이미지 스프라이트, 아이콘 폰트 사용하기, WebP 또는 AVIF 이미지 포맷 사용하기

2023년 2월 1일

3.[캐시 관리] - 캐시 사용하기

post-thumbnail

캐시를 사용하지 않는 경우, 캐시를 사용하는 경우

2023년 2월 1일

4.[캐시 관리] - 캐시 검증 헤더와 조건부 요청

post-thumbnail

Last-Modified 와 If-Modified-Since, Etag 와 If-None-Match

2023년 2월 1일

5.[트리 쉐이킹] - JavaScript 트리쉐이킹

post-thumbnail

필요한 모듈만 import 하기, Babelrc 파일 설정하기, sideEffects 설정하기, ES6 문법을 사용하는 모듈 사용하기

2023년 2월 1일

6.[Lighthouse] - Lighthouse

post-thumbnail

Lighthouse

2023년 2월 1일