Question

我有一个带有几个javascript按钮的HTML页面，可以“替换”HTML / CSS。

然而，当页面加载时，HTML / CSS加载和js'替换'之间存在恼人的延迟。（我正在谈论的一个例子可以在网站上看到：www.psd2html.com）。是什么导致了这种延迟，以及在用户遇到延迟之前加载js的最佳做法是什么（例如在Facebook或Youtube或任何其他有大量js的大型网站上）。谢谢。

Answer 1

嗯，实际上，那些回答“接受它可能更好”的人得到了重点。然而，有一些方法可以帮助你减少负面影响。

对想要更改，装饰，重绘，动态重绘的任何UI元素三思而后行。我的意思是，必须有一个真正的原因，你为什么用javascript生成的UI元素替换不同的布局。
如果它不是选项，如果你因为某些原因无法避免通过javascript替换，请尝试使用一些视觉效果，一些过渡效果（不仅可以通过css过渡获得）用户心理证据表明一切正常，一切正常，因为它应该有效。 Sorta of disabled - 已禁用，但已加载启用隐喻。

Answer 2

为避免延迟，请在replaceElement()中定义<head>功能，然后在<script>内使用<body>标签，在加载要替换的元素后立即调用该功能：< / p>

...
<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>
...

Javascript在HTML之后呈现延迟

2 个答案: