하수도키의 성장일기

책일기

[북리뷰] 프론트엔드 성능 최적화 가이드 정리(#2)

2023.02.09 - [책일기] - [북리뷰] 프론트엔드 성능 최적화 가이드 정리(#1) [북리뷰] 프론트엔드 성능 최적화 가이드 정리(#1) 크롬 LightHouse Mode와 Categories 항목 값 소개 Mode Navigation: Lighthouse의 기본값으로, 초기 페이지 로딩 시 발생하는 성능 문제를 분석 Timespan: 사용자가 정의한 시간 동안 발생한 성능 문제를 분석 Snapsho hasudoki.tistory.com 이미지 파일 SVG와 같은 벡터이미지가 아닌 비트맵 이미지 포맷들 PNG JPG(JPEG) WebP PNG는 무손실 압축 방식 원본 훼손하지 않고 알파 채널을 지원 알파채널이란 투명도 의미 JPG는 PNG와 다르게 압축 과정에서 정보 손실이 발생 그만큼 이미지를 ..

책일기

[북리뷰] 프론트엔드 성능 최적화 가이드 정리(#1)

크롬 LightHouse Mode와 Categories 항목 값 소개 Mode Navigation: Lighthouse의 기본값으로, 초기 페이지 로딩 시 발생하는 성능 문제를 분석 Timespan: 사용자가 정의한 시간 동안 발생한 성능 문제를 분석 Snapshot: 현재 상태의 성능 문제를 분석 Categories Perfomance: 웹 페이지의 로딩 과정에서 발생하는 성능 문제를 분석 Accessibility: 서비스의 사용자 접근성 문제를 ㅂ누석 Best Practices: 웹사이트의 보안 측면과 웹 개발의 최신 표준에 중점을 두고 분석 SEO: 검색 엔진에서 얼마나 잘 크롤링 되고 검색 결과에 표시되는 분석 Progressive Web App: 서비스 워커와 오프라인 동작 등, PWA와 관련된..