방법: 웹 페이지에서 JavaScript 코드 프로파일링How to: Profile JavaScript Code in Web Pages

Visual StudioVisual Studio 프로파일링 도구는 계측 프로파일링 방법을 사용하여 ASP.NETASP.NET 웹 응용 프로그램, 임의 웹 페이지 또는 JavaScript 응용 프로그램에서 실행되는 JavaScript 코드에 대한 성능 데이터를 수집할 수 있습니다. Profiling Tools can collect performance data for JavaScript code that executes in an ASP.NETASP.NET Web application, an arbitrary Web page, or JavaScript application by using the instrumentation profiling method.

요구 사항Requirements

  • Visual Studio UltimateVisual Studio Ultimate, Visual Studio PremiumVisual Studio Premium, Visual Studio ProfessionalVisual Studio Professional, Visual Studio PremiumVisual Studio Premium, Visual Studio ProfessionalVisual Studio Professional

  • Internet Explorer 8 이상.Internet Explorer 8 or later.

경고

UWP에서 JavaScript를 프로파일링하려면 JavaScript 메모리를 참조하세요.To profile JavaScript in UWP apps, see JavaScript Memory

프로파일링 마법사를 사용하여 성능 세션을 만들 수 있습니다.You can use the Profiling Wizard to create a performance session. 계측 방법을 지정한 다음 성능 세션에 대한 속성 대화 상자의 계측 페이지에서 JavaScript 프로파일링 옵션을 지정합니다.Specify the instrumentation method and then specify the JavaScript profiling option on the Instrumentation page of the properties dialog box for the performance session.

JavaScript 프로파일링을 지정하면 브라우저에서 실행되는 JavaScript 코드 및 서버에서 실행되는 ASP.NETASP.NET 코드가 둘 다 프로파일링됩니다.When you specify JavaScript profiling, both the JavaScript code that executes in the browser and the ASP.NETASP.NET code that executes on the server are profiled.

  • ASP.NETASP.NET 웹 응용 프로그램의 경우 브라우저에서 실행되는 JavaScript 코드 및 서버에서 실행되는 ASP.NETASP.NET 코드가 둘 다 프로파일링됩니다.For an ASP.NETASP.NET Web application, both the JavaScript code that executes in the browser and the ASP.NETASP.NET code that executes on the server are profiled.

  • 임의 웹 페이지의 경우 브라우저에서 실행되는 JavaScript 코드가 프로파일링됩니다.For an arbitrary Web page, the JavaScript code that executes in the browser is profiled.

ASP.NET 웹 응용 프로그램 프로젝트에서 JavaScript를 프로파일링하려면To profile JavaScript in an ASP.NET Web application project

  1. Visual Studio PremiumVisual Studio Premium에서 ASP.NETASP.NET 웹 프로젝트를 엽니다.In Visual Studio PremiumVisual Studio Premium, open the ASP.NETASP.NET Web project.

  2. 분석 메뉴에서 성능 마법사 시작을 클릭합니다.On the Analyze menu, click Launch Performance Wizard.

  3. 성능 마법사의 첫 페이지에서 계측 프로 파일링 방법을 지정하고 다음을 클릭합니다.On the first page of the Performance Wizard, specify the Instrumentation profiling method, and then click Next.

  4. 마법사의 두 번째 페이지에서 현재 프로젝트가 대상 목록에서 선택되었는지 확인하고 다음을 클릭합니다.On the second page of the wizard, make sure that the current project is selected in the list of targets, and then click Next.

  5. 마법사의 세 번째 페이지에서 JavaScript 프로파일링 확인란을 선택하고 다음을 클릭합니다.On the third page of the wizard, select the Profile JavaScript check box, and then click Next.

  6. 마법사의 네 번째 페이지에서 마침 을 클릭하여 브라우저에서 웹 응용 프로그램을 시작합니다.On the fourth page of the wizard, click Finish to start the Web application in the browser.

  7. 프로파일링하려는 기능을 실행합니다.Exercise the functionality that you want to profile.

  8. 프로파일링 세션을 종료하려면 브라우저를 닫습니다.To end the profiling session, close the browser.

개별 웹 페이지 또는 JavaScript 응용 프로그램에서 JavaScript를 프로파일링하려면To profile JavaScript in individual Web pages or a JavaScript applications

  1. Visual Studio PremiumVisual Studio Premium를 엽니다.Open Visual Studio PremiumVisual Studio Premium.

  2. 분석 메뉴에서 성능 마법사 시작을 클릭합니다.On the Analyze menu, click Launch Performance Wizard.

  3. 성능 마법사의 첫 페이지에서 계측 프로 파일링 방법을 지정하고 다음을 클릭합니다.On the first page of the Performance Wizard, specify the Instrumentation profiling method, and then click Next.

  4. 마법사의 두 번째 페이지에서 ASP.NET 또는 JavaScript 응용 프로그램을 클릭한 후 다음을 클릭합니다.On the second page of the wizard, click An ASP.NET or JavaScript application, and then click Next.

  5. 마법사의 세 번째 페이지에서 다음을 수행합니다.On the third page of the wizard:

    1. 응용 프로그램을 실행할 URL 또는 경로 상자에 페이지의 URL을 입력합니다.Type the URL of the page in the What URL or path will run your application box.

    2. JavaScript 프로파일링 확인란을 선택하고 다음을 클릭합니다.Select the Profile JavaScript check box, and then click Next.

  6. 마법사의 네 번째 페이지에서 마침 을 클릭하여 브라우저에서 웹 페이지를 시작합니다.On the fourth page of the wizard, click Finish to start the Web page in the browser.

  7. 프로파일링하려는 기능을 실행합니다.Exercise the functionality that you want to profile.

  8. 프로파일링 세션을 종료하려면 브라우저를 닫습니다.To end the profiling session, close the browser.