주요 내용은 1. 요청 시 로드 3. 데이터 캐싱(자주 업데이트되지 않는 정적 리소스의 로컬 캐싱, Ajax 요청 캐싱) 4. 6. 압축 병합. 클라이언트가 가속을 원할 경우 파일 크기, 요청 시간, 코드 실행 효율성을 고려해야 하며, 모바일 단말기는 이미지의 하드웨어 가속을 위해 캔버스를 사용하는 것, CSS 레이아웃 등의 문제에도 주의해야 합니다. 효율성, 페이지 렌더링 등에 영향을 미칩니다.
전체 로딩 과정을 보려면 크롬에서 f12를 누르거나 ff를 클릭하세요 1. 로딩되는 파일은 몇 개, 정적 파일은 몇 개, 동적 파일은 몇 개인가요? 2. 각 정적 로딩 단계와 각 동적 단계에 특별한 이상이 있나요? .DNS 해상도와 캐시 사용량, 요청부터 응답까지의 지연, 전송 과정, 로딩 과정 중 큰 비활성 시간에 이상이 없는지 또한 네트워크와 서버 간의 회선이 안정적인지 를 고려하세요.
1. 사용해야 하는 모든 JS 파일 종속성을 압축합니다.
2. 요청 시 로드는 의존해야 하는 JS 파일을 로드하는 것을 의미합니다.
3. CDN을 사용하세요.
데이터 캐싱, 압축 및 병합 코드
React에 비해 Angle은 처음 로드하는 데 속도가 매우 느립니다. React는 수명 주기에 따라 로드 시기를 결정할 수 있습니다.
주요 내용은
1. 요청 시 로드
3. 데이터 캐싱(자주 업데이트되지 않는 정적 리소스의 로컬 캐싱, Ajax 요청 캐싱)
4.
6. 압축 병합.
클라이언트가 가속을 원할 경우 파일 크기, 요청 시간, 코드 실행 효율성을 고려해야 하며, 모바일 단말기는 이미지의 하드웨어 가속을 위해 캔버스를 사용하는 것, CSS 레이아웃 등의 문제에도 주의해야 합니다. 효율성, 페이지 렌더링 등에 영향을 미칩니다.
JS가 처음 로드되면 동기적으로 로드됩니다. 홈페이지에 필요하지 않은 경우 비동기적으로 로드될 수 있습니다.
js와 CSS를 두 개의 파일로 압축 및 병합하고 Alibaba에서 무료 OSS를 신청한 후 파일을 업로드하세요.
전체 로딩 과정을 보려면 크롬에서 f12를 누르거나 ff를 클릭하세요
1. 로딩되는 파일은 몇 개, 정적 파일은 몇 개, 동적 파일은 몇 개인가요? 2. 각 정적 로딩 단계와 각 동적 단계에 특별한 이상이 있나요? .DNS 해상도와 캐시 사용량, 요청부터 응답까지의 지연, 전송 과정, 로딩 과정 중 큰 비활성 시간에 이상이 없는지
또한 네트워크와 서버 간의 회선이 안정적인지
를 고려하세요.