Skip to content
/ lcp Public

LCP(Largest Contentful Paint) - Example & Solution.

License

Notifications You must be signed in to change notification settings

naradesign/lcp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

index.html 파일 LCP 개선하기

LCP 개선 포인트.

  • 서드 파티 라이브러리(jquery, lodash, normalize...) 줄이기.
  • 웹 폰트 미리 연결하기(preconnect).
  • CSS와 이미지 병렬 로딩하기(preload).
  • <picture> 요소를 활용한 기능 탐지와 이미지 최적화.
  • <img> 요소의 지연 로딩(loading)과 병렬 디코딩(decoding).

샘플 이미지 자원.

About

LCP(Largest Contentful Paint) - Example & Solution.

Topics

Resources

License

Stars

Watchers

Forks