Chrome 업데이트로 인해 Ajax/Angular Network 렌더링 및 로드 속도가 느려졌습니다.
약 2주 전에 크롬 업데이트가 나의 앵귤러 앱 사용자들을 마비시켰다.많은 데이터를 로드하지만 전체 단일 페이지 응용 프로그램이 로드됩니다.< 4초단위로 모든 사용자가> 402주 전에 Chrome을 업데이트한 지 몇 초 후에.문제는 발생하지 않았지만 Chrome을 업그레이드 했을 때64.0.3282.167부터63.0.3239.132그 문제는 나에게도 시작되었다.
크롬 사이 어딘가에63.0.3239.132그리고.64.0.3282.167Angular 앱의 속도가 기본적으로 느려지는 변화가 있었습니다.전체 로딩 및 렌더링에 영향을 미쳐 전체 앱을 거의 사용할 수 없게 되었습니다.나는 며칠 동안 아무런 기쁨도 없이 그 문제를 찾고 있었다.
이러한 성능 저하를 일으키는 원인이 무엇인지에 대한 통찰력이나 권장 사항을 가지고 있는 사람이 있습니까?
여기 네트워크 탭의 스크린샷이 있습니다.크롬 업데이트 전에는 이 모든 것이 매우 빨랐고 지금은 그냥 기어다닌다.
설정했을 경우:
httpProvider.useApplyAsync(true)문제는 완화되지만, 어플리케이션이 커서 5년 된 어플리케이션에서 불규칙한 동작이 많이 발생합니다.
이것이 여전히 문제가 될지는 모르겠지만, 구글이 Chrome에 대한 보안 조치를 계속 강화해 왔다는 것은 알고 있습니다.이것은 특히 HTTPS의 경우이며, Google은 HTTPS로의 이행을 추진하고 있다고 생각합니다.이러한 인증서는, 문제가 있어, 처리에는 추가의 조치가 필요한 경우가 있습니다.Chrome 개발 툴용 애드온(또는 빌트인)이 있어 TLS 처리를 상세하게 표시할 수 있다고 생각합니다.
높은 TTFB는 두 가지 주요 문제 중 하나를 드러냅니다.다음 중 하나:
클라이언트와 서버 사이의 네트워크 상태가 불량하거나 A가 느리다
응답 서버 응용 프로그램
높은 TTFB에 대처하려면 먼저 가능한 한 많은 네트워크를 절단합니다.애플리케이션을 로컬로 호스트 해, 아직 큰 TTFB가 존재하는 것을 확인하는 것이 이상적입니다.존재하는 경우는, 응답 속도에 맞추어 애플리케이션을 최적화할 필요가 있습니다.데이터베이스 쿼리를 최적화하거나 특정 콘텐츠 부분에 대해 캐시를 구현하거나 웹 서버 구성을 수정해야 할 수 있습니다.백엔드가 느릴 수 있는 이유는 여러 가지가 있습니다.소프트웨어를 조사하고 무엇이 퍼포먼스 예산에 맞지 않는지 알아내야 합니다.
로컬에서 TTFB가 낮은 경우 클라이언트와 서버 간의 네트워크가 문제입니다.네트워크 트래버설은 여러 가지 이유로 방해될 수 있습니다.클라이언트와 서버 사이에는 많은 포인트가 있으며, 각 포인트마다 접속 제한이 있어 문제가 발생할 수 있습니다.이것을 줄이는 가장 간단한 방법은 애플리케이션을 다른 호스트에 배치하여 TTFB가 개선되는지 확인하는 것입니다.
언급URL : https://stackoverflow.com/questions/48867536/chrome-update-slowed-ajax-angular-network-rendering-and-loading
'programing' 카테고리의 다른 글
| jQuery 및 JSON을 사용하여 양식을 채우시겠습니까? (0) | 2023.03.15 |
|---|---|
| woocommerce에 커스텀 배송료를 추가하는 방법은? (0) | 2023.03.15 |
| 둘 중 하나 또는 둘 중 하나(다른 두 필드 중 하나)를 모두 필요로 하지 않는 방법은 무엇입니까? (0) | 2023.03.15 |
| 스프링 부트:단위시험에서 액화효소로 시험데이터를 설정하는 방법 (0) | 2023.03.15 |
| Android에서 HTTP Client를 사용하여 JSON에서 POST 요청을 보내는 방법은 무엇입니까? (0) | 2023.03.15 |