본문 바로가기
Tistory 운영

[블로그 지수] Lighthouse 사이트 성능 측정

by 까망 하르방 2022. 7. 11.
반응형

Lighthouse(라이트하우스) 란?

구글에서 개발한 웹 페이지 품질 개선을 위한

오픈 소스 형태의 자동화 도구

 

 

2020년 5월 19일 부터

Chrome 웹 브라우저 개발자 도구에서도 가능하게 되었다.

 

 

How?

[크롬 개발자 도구] 활성화

📌 단축키 F12

크롬 도구

 

 

상단에 [Lighthouse] 항목 클릭

기기 선택 [데스크톱] or [모바일]

lighthouse

 

 

진단하면 아래와 같은 결과를 볼 수 있다.

블로그 지수

 

블로그 특성상 검색 노출이 중요하기 때문에

해당 자료를 참고하면 좋을 것 같다.

 

 

예를 들어 [검색엔진 최적화] 부분에서

이미지 요소에 [alt] 속성이 필요하다고 한다.

 

[Tistory] 티스토리 포스팅시 이미지 alt 속성도 챙기자

티스토리에서는 포스팅할 때 [HTML 모드]가 가능하다. 이미지를 첨부하고 나서 [HTML 모드]로 보면 이미지가 태그로 되어 있다. 업로드한 이미지는 서버에 저장되어 [src] 속성 URL로 로딩된다. HTML 태

zoosso.tistory.com

반응형

댓글