angular.js - AngularJS로 만든 웹페이지의 액세스 속도를 향상시키는 방법은 무엇입니까?

Question

1. AngularJS는 접속 시 많은 js 파일을 로드해야 합니다. 휴대폰 네트워크 속도가 빠르지 않으면 로드하는 데 시간이 오래 걸릴 수 있습니다.
2. 백그라운드 응답 속도를 향상시킵니다. Alibaba Cloud가 왜 100Mps인지 모르겠습니다. Python의 플라스크를 사용하여 백그라운드 API를 작성하는 경우가 있습니다. . .
3. 액세스 속도를 향상하고 사용자 트래픽을 절약하는 다른 방법

저는 위 사항에 대해 초보자이고 약간만 이해하고 있습니다. 예를 들어 처음으로 모든 js 파일을 로드하지 마십시오. 전문가가 좀 더 구체적인 구현 방법을 제공할 수 있기를 바랍니다. 매우 감사합니다!

Answer 1

1. 사용해야 하는 모든 JS 파일 종속성을 압축합니다.
2. 요청 시 로드는 의존해야 하는 JS 파일을 로드하는 것을 의미합니다.
3. CDN을 사용하세요.

Answer 2

데이터 캐싱, 압축 및 병합 코드

React에 비해 Angle은 처음 로드하는 데 속도가 매우 느립니다. React는 수명 주기에 따라 로드 시기를 결정할 수 있습니다.

Answer 3

주요 내용은
1. 요청 시 로드
3. 데이터 캐싱(자주 업데이트되지 않는 정적 리소스의 로컬 캐싱, Ajax 요청 캐싱)
4.
6. 압축 병합.
클라이언트가 가속을 원할 경우 파일 크기, 요청 시간, 코드 실행 효율성을 고려해야 하며, 모바일 단말기는 이미지의 하드웨어 가속을 위해 캔버스를 사용하는 것, CSS 레이아웃 등의 문제에도 주의해야 합니다. 효율성, 페이지 렌더링 등에 영향을 미칩니다.

Answer 4

JS가 처음 로드되면 동기적으로 로드됩니다. 홈페이지에 필요하지 않은 경우 비동기적으로 로드될 수 있습니다.

Answer 5

js와 CSS를 두 개의 파일로 압축 및 병합하고 Alibaba에서 무료 OSS를 신청한 후 파일을 업로드하세요.

Answer 6

전체 로딩 과정을 보려면 크롬에서 f12를 누르거나 ff를 클릭하세요
1. 로딩되는 파일은 몇 개, 정적 파일은 몇 개, 동적 파일은 몇 개인가요? 2. 각 정적 로딩 단계와 각 동적 단계에 특별한 이상이 있나요? .DNS 해상도와 캐시 사용량, 요청부터 응답까지의 지연, 전송 과정, 로딩 과정 중 큰 비활성 시간에 이상이 없는지
또한 네트워크와 서버 간의 회선이 안정적인지
를 고려하세요.