1. 리소스 용량 줄이기

- png 파일을 jpg/jpeg 파일로 변환하여, 용량을 줄인다.

2. 리소스 요청 개수 줄이기

- 이미지 스프라이트 : 이미지를 하나로 묶어 요청한 후, background-position 속성을 활용하여 구현

- 이미지 지연로딩 : 사용자 화면에 보이는 이미지만 요청 후, 스크롤 밑으로 내릴 경우에 지연 로딩 수행

3. 페이지 렌더링 최적화

  • 네이버 블러그 공유하기
  • 네이버 밴드에 공유하기
  • 페이스북 공유하기
  • 카카오스토리 공유하기