반응형
Lighthouse(라이트하우스) 란?
구글에서 개발한 웹 페이지 품질 개선을 위한
오픈 소스 형태의 자동화 도구
2020년 5월 19일 부터
Chrome 웹 브라우저 개발자 도구에서도 가능하게 되었다.
How?
[크롬 개발자 도구] 활성화
📌 단축키 F12
상단에 [Lighthouse] 항목 클릭
기기 선택 [데스크톱] or [모바일]

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

블로그 특성상 검색 노출이 중요하기 때문에
해당 자료를 참고하면 좋을 것 같다.
예를 들어 [검색엔진 최적화] 부분에서
이미지 요소에 [alt] 속성이 필요하다고 한다.
[Tistory] 티스토리 포스팅시 이미지 alt 속성도 챙기자
티스토리에서는 포스팅할 때 [HTML 모드]가 가능하다. 이미지를 첨부하고 나서 [HTML 모드]로 보면 이미지가 태그로 되어 있다. 업로드한 이미지는 서버에 저장되어 [src] 속성 URL로 로딩된다. HTML 태
zoosso.tistory.com
반응형
'Tistory 운영' 카테고리의 다른 글
[Blog] 블로그 운영 장단점 (0) | 2022.07.29 |
---|---|
[Tistory] 티스토리의 구독 기능 중요한가? (1) | 2022.07.28 |
Font Awesome 적용해보기 (0) | 2022.04.30 |
[kakao View] 👀 카카오 뷰 수익 신청하기 & 맞추 환영 (2) | 2022.04.01 |
[Tistory] 구글 애드센스 세금 정보 등록 (7) | 2022.03.27 |
댓글