Home/ Questions/Q 6344545
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-24T20:39:34+00:00

I have an HTML page with a couple javascript buttons that ‘replace’ the HTML/CSS.

  • 0

I have an HTML page with a couple javascript buttons that ‘replace’ the HTML/CSS.

However, when the page loads, there is an annoying delay between when the HTML/CSS loads and when the js ‘replaces’ it . (An example of what I’m talking about can be seen on the site: http://www.psd2html.com). What accounts for this delay and what is the best practice in terms of having the js load before a user experiences a delay (for example on Facebook or Youtube or any other large site with lots of js). Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    To avoid the delay define your replaceElement() function in <head> then use <script> tags inside <body> to call that function right after the element to be replaced is loaded:

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