렌더링 지연을 개선해 LCP 점수 향상하기

오늘 소개해드릴 글은 라인플러스의 김찬희님이 번역해주신 글입니다.


구글의 오픈 소스 도구인 Lighthouse를 이용해 페이지 성능을 측정하고 개선할 수 있다는 점을 대부분 알고 계실 겁니다. 이 글에서는 Lighthouse의 성능 점수 항목중 하나인 Largest Contentful Paint(LCP)를 향상 시키는 방법을 자세히 다루고 있습니다.


제목에서 드러나듯 LCP의 하위 항목 중 렌더링 지연(Render Delay)를 개선하는 것을 중점적으로 다루고 있는데요. 렌더링 지연이 무엇인지, 그리고 지연이 발생하는 대표적인 원인들을 자세히 설명하고 어떻게 개선할 수 있는지 설명합니다.


만약 LCP 점수를 개선하고 싶지만 어떤 부분을 개선하면 좋을지 막막하거나, 렌더링 지연으로 좋은 LCP 점수를 받지 못하고 있으시다면 이 글이 도움이 되시리라 생각됩니다.


글 링크: https://velog.io/@superlipbalm/lcp-render-delay

(번역) 렌더링 지연을 개선해 LCP 점수 향상하기

velog.io

(번역) 렌더링 지연을 개선해 LCP 점수 향상하기

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 10월 15일 오전 4:18

 • 

저장 22조회 3,021

댓글 0

    함께 읽은 게시물

    AI들 코딩 스타일이, GPT는 구글같고, Claude는 메타같음. Gemini는 부트캠프..🫢


    그래서 응용레벨 코딩에는 Claude가 낫고, 로우레벨 코딩에는 GPT가 나은 편.


    * 당연하지만 개인적인 느낌일 뿐 입니다.


    2019년에 저희 팀에서 퍼블리싱한 CHI 논문. 음성 인터페이스 입코딩을 이용한 프로그래밍 교육.

    ... 더 보기

    요즘처럼 기업의 윤리경영이 화두가 된 적이 없는 것 같다. 과거에는 일종의 면죄부가 있었다. “능력이 있으면 되지, 도덕성까지 요구할 수 있나?”는 의식이 은연중에 자리 잡고 있었다.

    ... 더 보기

    [CEO 심리학] 도덕성과 능력은 별개?…한몸처럼 움직여야 이득 - 매일경제

    매일경제

    [CEO 심리학] 도덕성과 능력은 별개?…한몸처럼 움직여야 이득 - 매일경제


    클로드 코드 Max 한 달 사용 후기

    ... 더 보기

    클로드 코드 한 달 사용 후기

    K리그 프로그래머

    클로드 코드 한 달 사용 후기

     • 

    댓글 2 • 저장 7 • 조회 2,172


    난임 스타트업 '오키드헬스'는 배아를 대상으로 향후 발병 소지가 있는 수천 가지 질병을 검사하는 서비스를 제공한다. 이 서비스를 통해 예비 부모는 자녀의 유전 정보를 이전보다 훨씬 더 많이 알 수 있다.

    ... 더 보기

    유전 데이터로 아기 선별해 낳는다?…美 스타트업 '슈퍼베이비' 논란

    n.news.naver.com

    유전 데이터로 아기 선별해 낳는다?…美 스타트업 '슈퍼베이비' 논란

    조회 128