Should there be a flash or flicker when changing pages using the multi-page web output?

Question

When I use the web output on the same document, the page transition is seamless, however in multi-page web export, there's a quick flicker when the page loads. It's especially noticeable on the static items, especially in a navigation. Is their a way to make the page transition more seamless in multi-page web export?

Answer 1

It could be the difference between the content being loaded when the entire document is loading vs. the content loading per page. If that's the case, then you might try the following to help make your content load faster:

• Here's an article with tips for improving loading time (and exporting time while your working on the document) for long documents which are generally greater than 60 pages but can be helpful for any document:
  • Tips & Best Practices for Exporting Long-form Digital Documents from InDesign with in5 (and speeding up load time)
• Image optimization is helpful too. It's included in the tips in the article above. If you have a Gold subscription, you can use the Enhanced image optimization which further optimizes images and removes duplicates.
• You should set your image resolution at 72 ppi for standard or 144 for high definition image quality in case they are set at a higher resolution.
  • How to Control Image Quality
• If you have any placed videos, make sure they are 100% the size you want them when they are placed:
  • Adding Audio & Video - Keeping File Size Down
• Or if you have any videos, you could use a streaming service like YouTube or Vimeo and embed the video
  • Adding Audio & Video - Streaming Videos
• There are also some features that increase filesize, so you might consider changing some of those options:
  • Why Larger HTML File?

If you're still having trouble with the flashing after optimizing your document, would you be able to send us your InDesign file (or a sample file that recreates the issue) and your html5_output folder? You can send it here:

• https://ajarproductions.com/pages/contact.php