웹에 관한 지식

Astro 블로그의 Lighthouse 성능 점수를 개선하기 위해 적용한 이미지 최적화, CSS 최적화, 웹 폰트 최적화, 접근성 개선 등의 방법을 공유합니다.

Python을 사용하여 avif와 webp 포맷의 이미지를 생성하여 Lighthouse의 Serve images in next-gen formats 문제를 해결하는 방법에 대해서 알아보겠습니다.

웹 페이지에서 Google Web Font를 사용할 때, 폰트를 불러오는 부분이 웹 페이지의 성능에 영향을 주지 않도록 최적화하는 방법에 대해서 알아보겠습니다.