1. 리소스 용량 줄이기
- png 파일을 jpg/jpeg 파일로 변환하여, 용량을 줄인다.
2. 리소스 요청 개수 줄이기
- 이미지 스프라이트 : 이미지를 하나로 묶어 요청한 후, background-position 속성을 활용하여 구현
- 이미지 지연로딩 : 사용자 화면에 보이는 이미지만 요청 후, 스크롤 밑으로 내릴 경우에 지연 로딩 수행
3. 페이지 렌더링 최적화
1. 리소스 용량 줄이기
- png 파일을 jpg/jpeg 파일로 변환하여, 용량을 줄인다.
2. 리소스 요청 개수 줄이기
- 이미지 스프라이트 : 이미지를 하나로 묶어 요청한 후, background-position 속성을 활용하여 구현
- 이미지 지연로딩 : 사용자 화면에 보이는 이미지만 요청 후, 스크롤 밑으로 내릴 경우에 지연 로딩 수행
3. 페이지 렌더링 최적화
최근댓글