3 개의 CSS 및 7 개의 자바 스크립트 파일을로드하는 모바일 애플리케이션을 개발했습니다. 문제는 wifi 신호가 매우 느린 경우, HTML은 모든 자바 스크립트 및 스타일 시트가로드되기 전에로드됩니다. stylesheet가로드되지 않기 때문에 HTML이 방해 받고 몇 초 후 (CSS와 js가 올바르게로드 된 후 추측됩니다) HTML 구조가 자동으로 올바른 형식을 취하지 만 방해가되는 형식을 표시하고 싶지는 않습니다. 모든 js 파일이 먼저로드되고 HTML 만 표시됩니다.웹 페이지 또는 Android App에있는 모든 CSS 및 JS 파일이로드되는지 확인하는 방법은 무엇입니까?
이것이 어떻게 달성 될 수 있는지 알고 계신가요?
캐시 매니페스트를 사용할 수 있습니다. 이러한 리소스를 읽기 : https://developer.mozilla.org/en/docs/HTML/Using_the_application_cache
<link rel="stylesheet" type="text/css" href="http://whiterootmedia.com/css/example.css" />
또는 헤더에 <style> 요소를 삽입 :
이 같은 헤더에 웹 페이지의 상단에 외부 CSS 스타일 시트에 연결해야합니다. 마찬가지로 초기 레이아웃에 영향을 주면 자바 스크립트에서도이 작업을 수행해야합니다. 외부 JS 파일을 사용하는 경우 브라우저에서 외부 JavaScript 파일이 참조되는 코드의 지점에서 페이지 렌더링이 중단되어 외부 JavaScript 파일을로드합니다. 많은 자바 스크립트를 사용하는 경우 대부분의 사람들과 달리 페이지 하단에 배치하거나 onload() 함수를 사용하십시오.
웹 페이지가 위에서 아래로로드되어 있으므로 발생하는 문제는 CSS의 순서와 관련이 있어야합니다 (대부분).
FOUC ("형식없는 콘텐츠의 플래시")라고합니다. 이 문제를 해결하려면 CSS 및 JS 파일을 어떤 종류의 연기도없이 '
'에 넣으면 차단됩니다. 그러나 그렇게 할 경우 가능하면 파일을 결합하여 파일 수를 줄이는 것이 좋습니다. –