JavaScript 비동기 loading_javascript 기술에 대한 간략한 분석

머리말

JavaScript 스크립트 로딩과 관련하여 많은 문제를 겪으셨을 것으로 생각됩니다. 주로 몇 가지 점에서——

1> 동기 스크립트와 비동기 스크립트로 인해 발생하는 파일 로딩, 파일 종속성 및 실행 순서 문제
2> 동기 스크립트 및 비동기 스크립트로 인한 성능 최적화 문제

스크립트 로딩과 관련된 모든 측면에 대한 철저한 이해는 실질적인 문제 해결에 도움이 될 뿐만 아니라 성능 최적화를 파악하고 구현하는 데에도 도움이 됩니다.

먼저 스크립트 태그 코드를 살펴보세요——

코드 복사 코드는 다음과 같습니다.

위에 배치하면 모든 페이지 렌더링 작업이 차단되어 스크립트가 로드되어 실행될 때까지 사용자가 "죽음의 흰색 화면" 상태에 있게 됩니다. 끝에 있는 스크립트는 사용자가 생명이 없는 정적 페이지만 볼 수 있도록 허용합니다. 클라이언트 측 렌더링이 수행되어야 하는 위치는 비효과적인 컨트롤과 빈 상자로 흩어져 있습니다. 테스트 케이스 받기 -

코드 복사 코드는 다음과 같습니다.

내가 콘텐츠다