2011-08-19 3 views
0

HTML/CSS를 '대체'하는 몇 가지 자바 스크립트 버튼이있는 HTML 페이지가 있습니다.자바 스크립트가 HTML 후 지연 렌더링됩니다

그러나 페이지가로드 될 때 HTML/CSS가로드 될 때와 js가 '바꿀 때'사이에 성가신 지연이 있습니다. (내가 말하는 내용의 예는 사이트에서 볼 수 있습니다 : www.psd2html.com). 이 지연에 대한 설명과 사용자가 지연을 경험하기 전에 js로드를 수행하는 측면에서 가장 좋은 방법은 무엇입니까 (예 : Facebook 또는 YouTube 또는 j가 많은 다른 대형 사이트). 고맙습니다.

+0

당신이 지연을 피할 수없는 및 그것을 피하려고해서는 안됩니다. 사람은 웹 페이지에서 하나씩 다른 요소를로드하는 데 사용되며 버그 또는 부적절한 것으로 보지 않습니다. 방금 web2html을 확인하고 나에게 잘 보였다. –

답변

0

지연을 방지하기 위해 다음 <body> 내부 <script> 태그를 사용 <head>replaceElement() 기능 요소가로드 교체 할 직후에 그 함수를 호출하기 위해 정의

... 
<div id="to_be_replaced_1">contents or whatever</div> 
<script type="text/javascript">replaceElement('to_be_replaced_1');</script> 
... 
some other content 
... 
<div id="to_be_replaced_2">contents or whatever</div> 
<script type="text/javascript">replaceElement('to_be_replaced_2');</script> 
... 
0

글쎄, 사실, "아마도 받아들이는 것이 낫다"라고 대답 한 사람들은 그 점을 알고 있습니다. 그럼에도 불구하고 부정적인 영향을 줄이는 데 도움이되는 몇 가지 방법이 있습니다.

  • 변경, 장식, 다시 그리기, 동적으로 다시 그릴 UI 요소에 대해 두 번 생각해보십시오. 내 말은, 다른 레이아웃으로 UI 요소를 생성 한 javascript로 무언가를 대체하는 진정한 이유가 있어야한다는 것입니다.
  • 옵션이 아닌 경우 몇 가지 이유 때문에 자바 스크립트를 통해 대체하는 것을 피할 수없는 경우 일부 시각 효과, 일부 전환 효과 (CSS 전환뿐만 아니라)를 사용하여 모든 것이 정상인 사용자의 심리적 증거는 작동해야하는대로 작동합니다. 장애가 있지만로드가 가능한 메타포의 일종입니다.
관련 문제