2016-11-24 2 views
0

누구든지 나를 도와 줄 수 있습니까?각도 2는 초기화가 느립니다.

내 Angular 2 응용 프로그램을 초기화하는 데 시간이 오래 걸립니다.

16 개의 요청 만 있습니다. 그리고 3MB의 비교적 큰 크기에도 불구하고 문제는 파일을 가져 오는 것이 아닙니다.

나는 모든 파일을받은 후 시간을 참조하고 있습니다.

필자의 노트북에 3 ~ 4 초가 소요되었는데, 필자는 10 개의 구성 요소, 1 개의 파이프, 6 개의 지시문 만 가지고 있기 때문에 시간이 많이 걸린다.

아이디어는 응용 프로그램이 200 개의 구성 요소에 가까운 것입니다. 그런 다음 게으른로드를 생성합니다.

하지만 10 가지 구성 요소에 대해서는 더 빨라야한다고 생각합니다. 휴대폰에서 대기 시간은 10, 12 초에 이릅니다. iPad에서는 대기 시간이 비교적 깁니다. 15 초 초과.

저는 webpack을 사용하여 css와 js를 줄입니다. 서버 (asp.net 코어)에서 사전 렌더링을 사용합니다.

이 지연은 모든 파일을 다운로드 한 후에 발생합니다. 즉, 화면을 렌더링하는 데는 각도 2 처리 시간입니다.

그 밖의 다른 조치는 무엇입니까? 무엇을 잘못 할 수 있습니까?

테스트 링크 : http://projetos.codegenerator.com.br/angular2/

감사합니다. 응용 프로그램 및 종속성에 자사의 보온재 것이 있다면

답변

1

마침내 응용 프로그램에서 원하는 성능을 얻었습니다. 약간의 작업이 있었지만 실제로 가치가있었습니다.

응용 프로그램을 AOT로 컴파일하도록 구성하면 실제로 성능 향상에 가치가 있습니다.

0

각도 2, 그럼 프레임 워크 측에 아무 문제가 없습니다 만 몇 가지 구성 요소가있는 경우

, 환경을 확인합니다 .. 성능에 대한 테스트 . 그들이 개발 의존성이 사촌

웹팩 또는 기타 빌드 도구,

일부 타사 서비스 또는 라이브러리 CDN 년대를 사용하는 경우, 그들의 서비스 시간에 있는지 확인을 성능과는 아무 상관이 없습니다.

+0

안녕하세요. 나는 webpack을 좋은 것으로 언급했다. 모두 포장되었습니다. 내가 말했듯이 지연은 파일을 가져 오는 것이 아닙니다. 예, 클라이언트에서 처리합니다. 자세한 정보가 필요하면 전달하는 것이 좋습니다. 기기에 표시되는 데 걸리는 시간을 알려주시겠습니까? 감사합니다. –

1

난 당신이 웹팩 원하는 번들 도구를 사용하지 않을 생각 systemjs 당신이 당신의 NG2-응용 프로그램을 배포 할 때 ..

, 당신은 컴파일 (미리) AOT를 사용해야합니다. JIT (Just in time) 컴파일을 사용하고있는 것 같습니다. angular2 안내 페이지에서

, AOT와

는, 브라우저는 응용 프로그램의 미리 컴파일 된 버전을 다운로드합니다.브라우저는 앱을 먼저 컴파일하지 않고 즉시 애플리케이션을 렌더링 할 수 있도록 실행 가능한 코드를로드합니다.

JIT 컴파일을 사용하면 브라우저가 angular2 컴파일러에서 정의한 vendor.js를 다운로드하고 바로 응용 프로그램을 컴파일합니다. 너무 느려서 고객이 공급 업체 파일을 다운로드해야합니다. AOT를 사용하면 공급 업체 파일을 사용하지 않아도되므로 자원이 작아집니다.

앱을 배포 할 때 AOT 컴파일을 사용하고 리소스 크기에 느린 로딩을 사용하는 것이 좋습니다.

ng2 AOT 컴파일에 대해 궁금한 경우이 안내서를 읽으십시오. 여기

angualar2-cookbook-AOT

그리고

는 webpack2 게으른 부하 예를 angular2 응용 프로그램입니다.

여기에 파일 구조 및 구성 파일을 사용하십시오.

예제 응용 프로그램으로 테스트했을 때, aot와 함께 번들 된 파일은 500KB보다 작습니다.

angular2-webpack2-aot

관련 문제