Categories
Frontend
이미지 최적화의 숨겨진 영웅: `width`, `height` 속성과 Core Web Vitals 개선 전략
`width`와 `height` 속성은 브라우저의 공간 예약과 CLS 개선에 핵심적인 역할을 합니다. 이미지 최적화와 Core Web Vitals 최적화 전략의 숨은 핵심을 깊이 있게 살펴봅니다.
웹 성능 최적화의 핵심: Lazy Loading 이미지 적용 가이드
이미지 Lazy Loading은 웹 성능 지표인 LCP, CLS 개선에 핵심적인 전략입니다. Native 방식과 JS 방식의 차이, 실제 구현법, SEO 및 사용자 경험 최적화까지 실전 가이드를 제공합니다.
파이썬 vs Node.js: CSS 압축 실험 결과 공개!
Node.js 기반 도구만 써야 CSS 압축이 잘된다고요? 파이썬 csscompressor와 clean-css-cli를 직접 비교해본 실험 결과를 소개합니다. 성능 차이는 과연 얼마나 날까요?
Ubuntu 시스템에서 OTF 폰트를 웹용으로 활용하는 방법
Ubuntu에서 시스템에 설치된 OTF 폰트를 웹용 woff2 형식으로 변환하고 적용하는 전체 과정을 예제와 함께 설명합니다.
TTF vs WOFF2: 웹 폰트 포맷 비교
TTF와 WOFF2의 차이점, 성능 비교, Ubuntu에서 변환 방법 및 자동화 스크립트를 설명하는 웹 폰트 가이드.
JavaScript에서 브라우저 너비를 판단하는 방법, 그리고 삼성 브라우저에서 겪은 이상한 경험
JavaScript에서 브라우저 너비를 판단하는 다양한 방법을 테스트한 경험을 공유합니다. 삼성 브라우저에서 발생한 `window.innerWidth` 문제를 해결하는 과정에서 `matchMedia`의 중요성을 깨달았습니다.