컬렉션을 사용해 정리하기
내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요.
과정
실적 알아보기
웹 성능은 페이지가 로드되는 속도뿐 아니라 페이지가 사용자 입력에 얼마나 반응하는지에 초점을 맞춘 웹 개발에서 중요한 측면입니다. 성능을 위해 웹사이트를 최적화하면 사용자에게 더 나은 경험을 제공할 수 있습니다.
이 과정의 최초 릴리스는 초보자에게 유익한 웹 성능 기본 사항에 중점을 둡니다. 각 모듈의 목표는 핵심 성능 개념을 설명하는 것입니다.
개요
최신 웹 환경을 빌드할 때는 속도를 높이고 속도를 유지하려면 측정, 최적화, 모니터링하는 것이 중요합니다. 실적이 우수한 사이트는 실적이 저조한 사이트보다 사용자의 참여와 유지에 더 효과적이므로 모든 온라인 벤처의 성공에 중요한 역할을 합니다.
사이트는 사용자 중심의 만족도 측정항목을 최적화하는 데 중점을 두어야 합니다. web.dev에 내장된 Lighthouse와 같은 도구는 이러한 측정항목을 강조하여 실적을 개선하기 위한 올바른 조치를 취하는 데 도움이 됩니다. 빠른 속도를 유지하려면 성능 예산을 설정하고 시행하여 팀이 사이트 출시 후에도 계속해서 빠르게 로드되고 사용자의 만족도를 유지하는 데 필요한 제약 내에서 작업할 수 있도록 지원하세요.
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"필요한 정보가 없음"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"너무 복잡함/단계 수가 너무 많음"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"오래됨"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"번역 문제"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"샘플/코드 문제"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"기타"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"이해하기 쉬움"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"문제가 해결됨"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"기타"
}]
{}
[[["이해하기 쉬움","easyToUnderstand","thumb-up"],["문제가 해결됨","solvedMyProblem","thumb-up"],["기타","otherUp","thumb-up"]],[["필요한 정보가 없음","missingTheInformationINeed","thumb-down"],["너무 복잡함/단계 수가 너무 많음","tooComplicatedTooManySteps","thumb-down"],["오래됨","outOfDate","thumb-down"],["번역 문제","translationIssue","thumb-down"],["샘플/코드 문제","samplesCodeIssue","thumb-down"],["기타","otherDown","thumb-down"]],[],[],[]]
