1 Reply Latest reply on Dec 19, 2014 7:15 AM by Captiv8r

    Fix slow webpage loading speed with DHTML?

    Singlewire Tech Writer

      I'm using RoboHelp 11.0.2.240 and publishing to a WebHelp output. I've inserted my images by hiding them behind an image of a camera that uses dropdown DHTML:

       

      Here is the code:

      <p class="Normal2">If you do not have SMS configured or lack the necessary

      permissions to view reports, you will see the following Welcome page.

      <?rh-dropspot_start class="dropspot" href="javascript:TextPopup(this)"

        id="a32" dataid="POPUP47887467521" ?><img src="../Camera.png"

        title="View a Picture" alt="View a Picture" style="border: none;"

        border="0" /><?rh-dropspot_end ?></p>

      <?rh-droptext_start class="droptext" id="POPUP47887467521" style="display: none;" ?>

        <p class="Normal2"><img src="../ICMWelcome.png" title="InformaCast Mobile Welcome Page"

        alt="" style="border: none;" width="729" height="500"

        border="0" /></p><?rh-droptext_end ?>

      <p>

       

      Which looks like:

      If you do not have SMS configured or lack the necessary permissions to view reports, you will see the following Welcome page.Camera.png

       

      When you click the camera, it looks like

      DHTML.png

      The problem I'm having is that, when this is published to our website, the page tries to download all of the images at once right as the page loads, which (for image-heavy pages) is causing our website to load very slowly. Is there a way for me to have similar functionality (i.e. "hiding" the images), but only have the images load if the DHTML is accessed? Thank you for your help.

        • 1. Re: Fix slow webpage loading speed with DHTML?
          Captiv8r Adobe Community Professional & MVP

          Hi there

           

          I'm hoping Willam will pop in here to advise. But until he does, and hopefully when he does he will comment on my thoughts here, but I'm wondering if the following approach would work.

           

          Put the images on a separate page. Then insert an Inline Frame (IFRAME) into the DHTML area.

           

          What my hope would be is that it won't be until the DHTML reveals the IFRAME that it would then try and load the HTML and show the images.

           

          Then again, it might perform just as slowly. Only trial will prove whether it works or not.

           

          Cheers... Rick