목록라이트하우스 (1)

sohyeon kim

[SW] 웹 최적화, 프론트 성능 개선에 대해

💡 웹 성능 개선이란? 속도 개선?사이트에 렌더링 될 여러 파일들의 로드 시간 단축하기로드를 시작하고 사용자에게 안정적으로 서비스 제공하기사이트와 사용자의 상호작용을 즉각적이고 매끄럽게 표현(반응)하기사이트의 실제 로드 시간보다 사용자가 느끼는 체감 시간 줄이기(로딩 화면 준비 등)요약하자면,리소스를 빨리 받는 로딩 성능 & 받은 리소스를 빨리 그리는 렌더링 성능 + 서비스에서 느끼는 사용자 경험 ⏳ 로딩 성능 개선네트워크 개선리다이렉트 방지캐시 적극적으로 사용불러오는 리소스 압축 🎨 렌더링 성능 개선먼저, 브라우저가 그려지는 과정 이해하기 ⬇️ FP First Paint : 최초의 픽셀이 그려진 시점FCP First Contentful Paint : 최초의 컨텐츠가 그려진 시점LCP Largest..
Software 2024. 9. 6. 00:44
이전 Prev 1 Next 다음