From da78a9e329e272dedb2400b79a3bdeebff387d47 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:17 -0500 Subject: initial commit --- files/ko/tools/performance/index.html | 94 +++++++++++++++++++++++++++++++++++ 1 file changed, 94 insertions(+) create mode 100644 files/ko/tools/performance/index.html (limited to 'files/ko/tools/performance/index.html') diff --git a/files/ko/tools/performance/index.html b/files/ko/tools/performance/index.html new file mode 100644 index 0000000000..8a1784f43b --- /dev/null +++ b/files/ko/tools/performance/index.html @@ -0,0 +1,94 @@ +--- +title: 성능 측정 도구 +slug: Tools/Performance +translation_of: Tools/Performance +--- +
{{ToolsSidebar}}

성능 도구(Performance tool)는 반응형, 자바 스크립트, 그리고 레이아웃의 성능에 대한 전반적인 통찰력을 줍니다.

+ +

성능 도구를 사용하여 특정 시간 동안 사이트를 기록하고 프로파일링을 할 수 있습니다. 이를 이용하면 브라우저가 사이트를 렌더링 하는 중에 일어나는 상황을 한 눈에 보여주고, 프레임 레이트의 그래프를 그려줍니다.

+ +

성능 도구는 더 자세한 분석을 위해 세 가지 보조 도구들을 지원합니다 :

+ + + +

{{EmbedYouTube("WBmttwfA_k8")}}

+ +
+

시작하기

+ +
+
+
+
UI 투어
+
+

성능 도구를 사용하는 방법을 찾아보려면 UI에 대한 퀵투어가 있습니다.

+
+
+
+ +
+
+
시작 방법
+
기본적인 업무: 도구를 열기, 생성, 저장, 로드하고 녹화를 설정합니다.
+
 
+
+
+
+ +
+

성능 도구의 구성요소

+ +
+
+
+
프레임 레이트
+
당신의 사이트의 전반적인 반응형을 이해합니다.
+
콜트리
+
당신의 사이트의 자바스크립트에서 부하가 걸리는 부분을 찾습니다.
+
+
+ +
+
+
워터폴
+
사용자가 당신의 사이트와 상호작용할때 브라우저가 어떻게 작용하는지 이해합니다. 
+
프레임 차트
+
녹화되는 동안에 어떤 자바스크립트 함수들이 언제 수행되는 지 봅니다.
+
+
+
+ +
+

시나리오

+ +
+
+
+
 CSS 애니메이팅
+
워터폴을 사용하여 어떻게 브라우저가 페이지를 업데이트하고, CSS 속성들이 어떻게 성능에 영향을 주는지 알아보세요.
+
 
+
 
+
+
+ +
+
+
인텐시브한 자바스크립트
+
프레임레이트와 워터폴을 사용하면 장기간 실행되는 자바스크립트로 인해서 발생되는 수행상의 문제들과 workers를 사용하는 것이 이 상황에서 어떻게 도움이 되는지 강조해서 표시합니다.
+
+
+
+ +

 

+ +
+
+
 
+
+
+ +

 

-- cgit v1.2.3-54-g00ecf