Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- 리액트
- REACT
- 파이썬 for
- 타입스크립트 props
- 파이썬 slice
- 내일배움캠프 최종 프로젝트
- typeScript
- 내일배움캠프
- tanstack query
- 타입스크립트
- 리액트 훅
- 파이썬 replace
- 파이썬 list
- js
- 타입스크립트 리액트
- React Hooks
- useState
- 자바스크립트
- 내일배움캠프 프로젝트
- 파이썬 enumerate
- JavaScript
- 내배캠 프로젝트
- 프로그래머스
- 리액트 프로젝트
- 파이썬 for in
- 한글 공부 사이트
- Next 팀 프로젝트
- 코딩테스트
- 파이썬 반복문
- 파이썬 딕셔너리
Archives
- Today
- Total
목록2024/09/06 (1)
sohyeon kim
[SW] 웹 최적화, 프론트 성능 개선에 대해
💡 웹 성능 개선이란? 속도 개선?사이트에 렌더링 될 여러 파일들의 로드 시간 단축하기로드를 시작하고 사용자에게 안정적으로 서비스 제공하기사이트와 사용자의 상호작용을 즉각적이고 매끄럽게 표현(반응)하기사이트의 실제 로드 시간보다 사용자가 느끼는 체감 시간 줄이기(로딩 화면 준비 등)요약하자면,리소스를 빨리 받는 로딩 성능 & 받은 리소스를 빨리 그리는 렌더링 성능 + 서비스에서 느끼는 사용자 경험 ⏳ 로딩 성능 개선네트워크 개선리다이렉트 방지캐시 적극적으로 사용불러오는 리소스 압축 🎨 렌더링 성능 개선먼저, 브라우저가 그려지는 과정 이해하기 ⬇️ FP First Paint : 최초의 픽셀이 그려진 시점FCP First Contentful Paint : 최초의 컨텐츠가 그려진 시점LCP Largest..
Software
2024. 9. 6. 00:44