하리하링웹

  • 홈
  • 태그
  • 방명록

성능측정 1

웹 성능 측정에 대한 주관이 많이 들어간 설명(feat.performance api)

프론트엔드에서 측정해야하는 성능 웹을 개발할 때 성능 관련하여 신경써야 하는 부분은 뭐가있을까?아래의 3가지가 가장 중요한 3가지 요소라고 생각하고 있으며 위에서 부터 아래순으로 더욱 중요하다고 봐도 무방할 것 같다.로딩렌더링메모리 로딩FCP(First Contentful Paint): 첫 요소가 로드 될 때까지 걸리는 시간* 로딩바, 텍스트 등FMP(First Meaningful Paint): 의미 있는 첫 요소가 로드 될 때까지 걸리는 시간* 많은 크기를 차지하는 부분 (이미지) , deprecated 되었다고 생각해도 됨LCP(Largest Contentful Paint): 주요 콘텐츠가 로드 될 때까지 걸리는 시간* 뷰포트 내에 있는 가장 큰 이미지, 텍스트의 렌더링 시간 * FMP가 부정확해서 ..

frontend 2024.05.08
이전
1
다음
더보기
프로필사진

kjsik11@gmail.com / 잘못된 정보에 대한 피드백은 언제나 환영입니다.

  • 분류 전체보기 (95)
    • javascript (7)
    • frontend (34)
    • backend (2)
    • etc (10)
    • project (1)
    • browser (3)
    • algorithm (0)
    • typescript (4)
    • devops (6)
    • aws (23)
    • docker (0)
    • git (0)
    • database (1)
    • builder (3)
    • security (1)

Tag

builder, ECS, re-rendering, PMTiles, AWS, docker, node, 지도, TypeScript, React, useSWR, mongodb, DevOps, maplibre, JavaScript, test, WEB, EC2, frontend, nextjs,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/06   »
일 월 화 수 목 금 토
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

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바