• 측정 도구에 대해 알아보고 개선 방법을 소개한다.
• 예제 - 이미지 지연 로딩에 대해 알아보자.

성능이 걱정되어요…

성능 걱정 하지마라. 하지마라. 하지마라. - 마틴 파울러 대규모 트래픽이 몰리는 팀 아니면 그 우선순위에서 늦추어져 있다.

• 성능 최적화가 걱정되면 특정도구로 측정을 하고, 문제가 된다면 개선하면 된다.
• 프론트엔드 성능 = 로딩 + 렌더링

도구

• 크롬 개발자 도구 Performance, Lighthouse, Coverage 패널
• webpack-bundle-analyzar

개선 주제

• 이미지 사이즈 최적화(CDN)

참고자료

N°5 바디 오일

Intersection Observer API - Web APIs | MDN