(글 공유) 라이트하우스로 블로그 성능 최적화

우연히 블로그의 성능을 라이트하우스의 모바일 장치로 측정해 봤는데,

100점 중 42점으로 되게 낮은 점수로 측정돼서 성능 최적화를 하게 되었습니다 🫡


🖼️그라데이션 이미지는 CSS linear-gradient를 사용하도록 변경해서 LCP를 개선하고,

💻과도하게 prefetch를 사용하는 부분은 제거해서 TBT를 개선했습니다.


🪄결과적으로 LCP는 13.6초 감소, TBT는 880ms 감소해서 성능 점수를 77점으로 개선했습니다.


같은 고민을 하시는 분을 위해 정리해서 공유드립니다 🫡


https://m.blog.naver.com/nextwebresearchlab/223340210526

{ Lighthouse Deep Dive}  성능 최적화 과정 (ft. LCP, TBT 최적화)

네이버 블로그 | HSG 휴먼솔루션그룹

{ Lighthouse Deep Dive}  성능 최적화 과정 (ft. LCP, TBT 최적화)

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

또는

이미 회원이신가요?

2024년 1월 31일 오후 4:25

 • 

저장 10조회 1,663

댓글 0

    함께 읽은 게시물

    작년에 읽은 34권의 책 중 가장 좋았던 책

    2

    ... 더 보기

    2024년에 밑줄 친 문장들

    1nteger 🏄🏻‍♂️

    2024년에 밑줄 친 문장들

     • 

    저장 9 • 조회 995




    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자로" 강의를

    ... 더 보기

    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

    www.productengineer.info

    Next.js 까보기: "쓸 줄 아는 개발자"에서 "알고 쓰는 개발자"로

     • 

    저장 10 • 조회 958


    리모트 근무 3년차 회고 코로나 시국. 어쩌다 시작한 리모트 근무가 3년차를 맞이했다. 운좋게 코로나 창궐이후 쭉 자택근무를 이어왔고 그 기간동안 입사하신 분이 얼굴을 보며 일한 분보다 더 많아 지고 있다. 스몰 내향인인 나는 처음에는 자택근무를 열렬히 환영했지만, 요즘들어 과연 좋은가? 그간의 나의경험을 바탕으로 장단점을 분석해보았다. 단점 1. 알람에 집착하게 된다. - 메세지를 보내면 1-2분안에 응답을 해야한다는 앞박에 오히려 몰입감있는 일이 잘 안된다. - 잠깐 나갈때 혹시 메세지가 오지 않을까 핸드폰에 집착하게 되고, 어쩌다 노티 확인이 늦으면 너무 죄책감이 든다. - 오히려 몰입감 있는 업무는 모두가 퇴근한 새벽에 잘된다. 2. 커뮤니케이션 중 글쓰기 능력이 무엇보다 중요해진다. - 단점으로 보기 애매하지만 나는 불편해서 넣어보었다. - 나는 말로 표현 하는 것과 그림그리는 걸 좋아하는 편인데. 아무래도 글로 명확한 표현을 하지 않으면 서로 오해하는 경우가 많다. 3. 화상회의는 의외로 얼굴이 너무 크게 보인다. - 생각보다 얼굴이 너무 크게 잘 보여서 생각보다 많이 부담스럽다; 장점 1. 내 취향에 맞는 라이프 사이클 구축 가능 - 살고 싶은 동네, 환경, 인간관계를 구축할수 있다. 2. 인간관계에서 공사가 구분된다. - 회사동료와 어색한 점심시간이 없다. 3. 문서화가 잘된다. - 슬랙이든 wiki든 문서화되지 않아 불편했던 영역들도 모두 문서화가 되어서 히스토리 파악에는 더 용이하다.

    업계 한 관계자는 "올해 투자 유치 스타트업 중 웹 기반 트래픽만으로도 MAU 100만을 넘긴 사례들이 다수 등장했다"며 "특히 앱에 의존하지 않는 사용자 확보는 후속 투자와 기업가치 판단에도 중요한 기준으로 작용할 것"이라고 밝혔다.

    ... 더 보기

    "앱 없이 천만 명"…VC 선택 AI 스타트업, 사용자 수로 증명

    zdnet.co.kr

    "앱 없이 천만 명"…VC 선택 AI 스타트업, 사용자 수로 증명