본문으로 바로가기

Lighthouse 설치 및 구동

 

아래 문서를 참고하여, 웹을 진단하는 것까지 진행합시다. 간단합니다.

developers.google.com/web/tools/lighthouse?hl=ko

 

Lighthouse  |  Tools for Web Developers  |  Google Developers

Learn how to set up Lighthouse to audit and improve your web apps.

developers.google.com

 

생각보다 처참하군요

 

그리고 항목을 살펴보니

 

Accessibility

배경과 전경이 충분한 색대비가 없음 ("더보기 부분")

<html> element does not have a [lang] attribute

 

SEO

index 생성을 막는 robots.txt가 27번째 줄에 있음

img에 alt 태그가 없음

 

등등 audit 사항들을 알려주고, 어떻게 고쳐야 하는지도 친절하게 알려줍니다. 이 문제들을 전부 해결하면 자연스레 크롤러가 매기는 점수도 높아집니다.

 

여튼 lighthouse에서 해달라는 것 중 해결 가능한 것들을 해결하면 됩니다.

 

 

 

 

LCP, CLS

 

hisabori.tistory.com/286

라이트하우스 6.0에서 바뀐 성능 지표변화 이터레이션 개발이 막바지에 다다르고 QA 시작전 가장 먼저 하는일이 Audits를 열어서 찍는 일인데요, 다음 버전에 변경되는 지표가 있다고 해서 가져와봤습니다. 요약하자면 FMP(First Meaningful Paint) 를 없애고 LCP(Largest Contentful Paint), CLS(Cumulative Layout Shift), TBT(Total Blocking Time) 가 추가되었다고 하네요.

 

 

유저가 포스트에 작성을 할 때 키워드를 각 게시물의 RSS가 정상적으로 수집해서 발행이 되면 웹 크롤러에게 RSS를 제출할 수 있습니다.

각 포스트의 고객 유저들이 글을 작성하면 RSS 등록을 하고 
크롤러가 등록을 하면은 노출이 잘 될 것이다.

각 게시물에 작성을 할 때, 이 게시물의 내용물을 잡히도록 해야 한다.
RSS의 게시물 30자에서 50자 이내로 작성해야하고 description 120자 이내로 작성해야 한다.


darren, dev blog
블로그 이미지 DarrenKwonDev 님의 블로그
VISITOR 오늘 / 전체