Parallel Loading - Put chat code at bottom

To work with ZChat, you must embed ZChat code on your web pages. The chat code loads a JavaScript file from a ZChat server. However JavaScript is fundamentally single-threaded that blocks parallel downloads; that is, when a script is downloading, the browser will not start any other downloads. That download must finish before moving forward.

The following instruction shows you how to load chat code in a non-blocking manner by moving chat code to the bottom of the page.

1). Create an empty <div id="ZChatContainer"></div> where you want the chat button to appear.

2). At the bottom of the HTML, place the original chat code.

<html>
<head>
    <title>Untitled Page</title>
</head>
<body>
    <!--Your site contents-->
    <div id="ZChatContainer"></div>
    <!--Your site contents-->


    <!--This is zchat html code-->
    <script type="text/javascript" defer="defer" src="https://www.zchat.com/chatbutton.aspx?hccid={=/Controller/Customer/CustomerId}">
</script>
</body>    
</html>