페이지가로드되기 전에 빈 페이지의 밀리 초를 제거하는 방법

페이지를 탐색 할 때 생성되는 일부 사이트에서는 일반 페이지가로드되기 전에 밀리 초의 빈 흰색 페이지가 있습니다. 나는 이것이 캐싱 문제와 관련이 있다고 생각했다. 최근에 나는 a site (아직 테스트 중)이라는 코드를 가지고 있는데, PHP, 자바 스크립트 또는 그 밖의 모든 것을 가지고 있습니다. 그것은 본질적으로 단지 똑 바른 html & css이고, 매우 희박하게 작성되었습니다. .htaccess에는 모든 js, css, img 등의 캐시가 필요합니다. 페이지 자체가 매우 빠르게로드됩니다.페이지가로드되기 전에 빈 페이지의 밀리 초를 제거하는 방법

일부 사이트는 페이지 사이에 흰색 깜박임이나 플래시가없는 것 같습니다. 다른 사이트는 그렇지 않습니다. 나는 그것이 무엇인지 알아낼 수 없었습니다. Chrome & Firefox 모두이 동작을 나타냅니다.

출처

2012-01-20 JakeParis

우연히 머리에 존재하지 않는 js 파일 (템플릿에서 나머지 부분)을 호출했습니다. 흰색 공백의 밀리 초는 파일을 가져오고 찾고 찾고 찾지 못한 서버였습니다. :

출처

2012-01-20 12:05:10 JakeParis

브라우저에서 많은 데이터 (예 : 자바 스크립트)를 다운로드해야 렌더링이 시작될 수 있습니다.

모든 스크립트를 본문 끝으로 이동하여 브라우저에서 콘텐츠를 렌더링하기 전에 다운로드 및 실행될 때까지 기다리지 않아도됩니다.

CSS를 모두 축소하여 다운로드 시간을 줄입니다.

출처

2012-01-20 03:05:35 SLaks

네, 바닥에 자바 스크립트를 이동합니다. –

나는 이것이 좋은 생각입니다 동의합니다. 그러나이 경우, 내 CSS는 5K입니다. 나는 심각하게 어떤 차이를 만들 것입니다 의심한다. – JakeParis

"jquery-ui-min.js"는 매우 큰 (약 242KB의 축소 된) 스크립트 파일이므로 로더 스크립트로 옮겼습니다. 다른 "큰"스크립트가있는 경우 나중에로드 할 필요가 있습니다. 그러나이 스크립트를 호출하는 이니셜 라이저 스크립트도 "존재하지 않는"함수 호출을 피하기 위해 이동하는 것을 잊지 마십시오! 물론 첫 번째 스크립트는 최신 jquery.js입니다. .

function load_scripts(){ 
    var s = document.createElement("script"); 
    s.type = "text/javascript"; 
    s.src = "scripts/jquery-ui-1.9.2.custom.min.js"; 
    $("head").append(s); 
}

출처

2013-09-01 07:01:32

페이지가로드되기 전에 빈 페이지의 밀리 초를 제거하는 방법

답변

관련 문제