preloading images? published online doc loading slow

Participant ,
Jul 01, 2022 Jul 01, 2022

Copy link to clipboard

Copied

Hi yall -

 

I have a doc that i need to maintain the quality of the images for professional reasons-

https://indd.adobe.com/view/fab57978-89a9-4e0b-9884-88490abcde4f

I compressed the jpgs and animated gifs as best as i can without sacrificing quality but theyre still pretty large in some cases--

whoever is looking likely has good speeds so not major but is there anyway to preload the images so no one gets the spinning wheel?

TOPICS
Publish online

Views

127

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Adobe Community Professional , Jul 04, 2022 Jul 04, 2022

so no one gets the spinning wheel

 

Hi @reelhero , I think the images are effectively preloading—there has to be some kind of animation with any preload otherwise you would be looking at a blank screen or individual image place holders.

 

If I check the source code, there’s an onLoad function for the body tag with a spinner animation above the frame DIVs, which runs until the frame assets are available. I have an average cable internet connection and the page loads with no spinner until I get to

...

Likes

Translate

Translate
Adobe Employee ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

Hi @reelhero ,

 

We're so sorry for the delay in response. I tested this on my end and it's only happening with some pages. It may be a file-specific issue however I looked for similar discussions in this community and here is a discussion https://community.adobe.com/t5/indesign-discussions/online-publishing-very-slow-loading-online/td-p/... which you can refer to and try the suggestions. I am leaving this discussion open for experts' suggestions.

 

Regards

Rishabh

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

Hi Rishabh-

Ive optimized them as best I can though-

I saw that thread before its all just suggestions for optimization of the images



Id like to know if they can be preloaded so that by the time the user gets to that page its already loaded..



Is that possible?







{Personal Information Removed By MOD}

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

so no one gets the spinning wheel

 

Hi @reelhero , I think the images are effectively preloading—there has to be some kind of animation with any preload otherwise you would be looking at a blank screen or individual image place holders.

 

If I check the source code, there’s an onLoad function for the body tag with a spinner animation above the frame DIVs, which runs until the frame assets are available. I have an average cable internet connection and the page loads with no spinner until I get to frame 25.

 

Screen Shot 19.png

 

Screen Shot 20.png

 

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 04, 2022 Jul 04, 2022

Copy link to clipboard

Copied

To add to Rob's reply, I am on cable internet currently running 365mbps down/40 mbps up and I didn't get a spinning wheel until page 40, a very brief one at that. Mac/Safari. Lovely piece, btw.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

Diane thank you ! I have 1G but i do have intermittent issues that could be causing my spinning--

 

and thank you for the kind words - if you read the pitch then you know how personal it is - send some positive vibes-- ! i really want this one 🙂

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

Hi Rob -thank you - so it seems there isnt too much of an issue - but is there a way to alter the code in indesign the way I would do in dreamweaver-- ?

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

but is there a way to alter the code in indesign

 

No. The onLoad function (onContentLoad()) would be a JavaScript. It looks to me like iFrame assets are loaded in an orderly way as you click through the pages. If everything was loaded up front you would still need the spinner or some other animation, and the wait would be considerably longer.

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

copy that - thanks Rob

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Participant ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

oh also yes some of the images are larger than the frame because Ive shifted them around - but i did export them as JPGS (they were originally PSDs)  to compress them-- the animated gifs however should all be the page size or smaller--

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

Hi @reelhero ,

I wonder if progressive image display could make a difference.

With e.g. PhotoShop one could save JPEG files with option progressive

( File > Export > Save for Web (legacy) )

 

But InDesign will not pass through a placed progressive JPEG image to Publish Online as a progressive one.

Just tested this with the Progressive JPEG Tester here:

https://www.thewebmaster.com/develop/articles/how-progressive-jpegs-can-speed-up-your-website/

 

Hm.

 

Regards,
Uwe Laubender
( Adobe Community Professional )

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 05, 2022 Jul 05, 2022

Copy link to clipboard

Copied

Hi Uwe, I think when you export to Publish Online all of the document links get re-created at the specified resolution—the chosen Resolution multiplied by the image container dimensions in inches. So here my page is 11"x7" with a full bleed jpeg placed with an Effective PPI of 900. On export a new JPEG is created at 1584 x1008 (11x144=1584). To manipulate the exported pixel dimensions, you could adjust the page dimensions—I could get  2376 x 1512 pixels by working at 16.5 x 10.5

 

Screen Shot 37.png

 

The pages are pretty complex with lots of layered iFrames and DIVs—Firefox Web Tools Inspector:

Screen Shot 38.png

 

 

https://indd.adobe.com/view/cff4e8c0-be49-45db-8069-f6fc466d9ce9

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Jul 06, 2022 Jul 06, 2022

Copy link to clipboard

Copied

LATEST

Hi Rob,

thank you for this sample.

My point is that InDesign's Publish Online feature is not able to create progressive JPEG files.

I'm not sure, but this could be a feature to decrease visible loading times. It would increase the overall loading time a bit, but the visible loading times could benefit from this.

 

For my testing I saved a page of Publish Online with Firefox to my machine and tested for the progressive feature of the used JPEG files. With my own progressive files I had an OK with the Progressive JPEG Tester, not with the ones saved from Publish Online.

 

Regards,
Uwe Laubender
( Adobe Community Professional )

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines