자바 스크립트 로딩 순서 - 페이지 점프 방지

잠시 동안이 페이지가 콘텐츠를 어떻게로드하는지 확인한 다음 지연 후 자바 스크립트를 트리거합니까? http://nomoresnoring.com/new/자바 스크립트 로딩 순서 - 페이지 점프 방지

어떻게하면 더 부드럽게 물건을로드 할 수 있습니까? 다시 정렬해야합니까?

헤더 :

<head> 
<script src="_/js/modernizr.custom.min.js"></script><!-- modernizr --> 
<script src="//code.jquery.com/jquery-latest.min.js"></script><!-- jquery --> 
<script src="_/js/jquery.leanModal.min.js"></script><!-- leanModal --> 
<script src="_/js/jquery.sticky.min.js"></script><!-- sticky --> 
<script src="_/js/jquery.customSelect.min.js"></script><!-- customSelect --> 
<script src="_/js/jquery.scrollUp.min.js"></script><!-- scrollUp --> 
<script src="_/js/happy.js"></script><!-- happy.js --> 
<script src="_/js/happy.methods.js"></script><!-- happy.js --> 
<!-- some other things --> 
<script src="_/js/rhinoslider-1.05.min.js"></script><!-- rhinoslider --> 
</head>

바닥 글 :

<script type="text/javascript" src="_/js/functions.js"></script><!-- all custom functions --> 
<script src="_/js/rhinoslider-1.05.min.js"></script><!-- for Rhinoslider --> 
<script src="_/js/mousewheel.js"></script><!-- for Rhinoslider --> 
<script src="_/js/easing.js"></script><!-- for Rhinoslider --> 
</body> 
</html>

출처

2013-05-06 pianofighter

스크립트를 결합하고 출력을 압축하여 하나의 리소스로 제공하십시오. 바닥 글에 최대한 많은 수를 넣으십시오. * rhinoslider-1.05.min.js *를 두 번로드하지 마십시오. – techfoobar

당신은 rhinoslider 두번??? –

요구 사항이 도움이 될 수 있습니다. – zzzzBov

당신은 할 수 있습니다 :

//just before closing head tag 
    <style>body{display:none}</style> 
</head> 

    //just before closing body tag 
    window.onload = function(){ 
     $('body').fadeIn(); 
    }; 
</body>

당신은 프리 로더 애니메이션을 너무 사용할 수 있습니다.

출처

2013-05-06 17:18:37

자바 스크립트 로딩 순서 - 페이지 점프 방지

답변

관련 문제