페이지 로딩 (애니메이션) 기능을 제거/비활성화 하시겠습니까?

Question

나는 Themeforest에서 구입 한 템플리트에서 다음과 같은 페이지를 작성하고 있습니다 : Truestory. 페이지 로딩 (애니메이션) 기능을 제거/비활성화하는 방법이 있는지 궁금합니다. 여기

http://themeforest.net/item/truestory-fullscreen-html5-template/3902394

내가 변경해야 무엇을 styles.css 코드/추가?

여기 내가 올바르게 수정해야한다고 생각하는 부분이 있습니까?

#preloader{ 
    display: none; 
    ... 

당신은 또한을 만드는 코드를 제거 고려할 수 있습니다 : 그것은 당신이 단지 로딩 애니메이션을 숨기려면, 해당 요소를 숨기기 위해 CSS를 변경할 수 있습니다

/*-------------------------------------------------------------------------------------*/ 
/* PRELOADER 
/*-------------------------------------------------------------------------------------*/ 

#preloader{ 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
z-index: 1; 
} 

.active-dock #preloader{ 
margin-top: -65px; /* dock.height/2 */ 
} 

#preloader > span{ 
position: absolute; 
top: 50%; 
left: 50%; 
display: block; 
width: 80px; 
height: 80px; 
margin-top: -40px; 
margin-left: -40px; 
z-index: 1; 
background: url(../images/loading_small.gif) no-repeat center 15px #000; 
-moz-border-radius: 99px; 
-webkit-border-radius: 99px; 
border-radius: 99px; 
} 

#preloader > span > span{ 
display: block; 
margin-top: 40px; 
font: normal normal 14px/30px 'Open Sans Condensed Bold', Arial, sans-serif; 
text-align: center; 
text-transform: uppercase; 
color: #fff; 
} 

#preloader.landing > span{ 
background-position: center center; 
} 

#preloader.landing > span > span{ 
text-indent: -9999px; 
} 

Answer 1

을 styles.css에서입니다 프리 로더 사업부. 자바 스크립트 함수이거나 템플릿의 일반 HTML 일 수 있습니다.

의견에서 언급 한대로 일반적으로 긴 작업이 진행 중임을 사용자에게 알리는 것이 좋습니다. 로딩 애니메이션은이를 수행하는 좋은 방법입니다. 코드를 최적화하거나 더 빠른 호스트로 이동하여 작업 속도를 향상시킬 수도 있습니다.