Async pre-loading of all page images

[nickian]

Loving this plugin so far. Thanks for the work.

Can this type of loading be an optional feature? I personally do not like having the image fully displayed and fuzzy while it's loading. The browser does not appear to be in a loading state while the document is loading. So if you're loading a large document that takes a long time, it can confuse people to think that they are simply looking at a bad quality mockup.

Another suggestion would maybe be a more dramatic and obvious "loading" icon than what is currently in the bottom right corner.

[MaxBazarov]

Loving this plugin so far. Thanks for the work.

Thanks for feedback!

Can this type of loading be an optional feature?

Sure. I can make it. But I'm not sure that I understand you problem correctly. Could you write a video to show how it looks for you?

[nickian]

Here is a screenshot example. I just exported a few random large images to show what is happening.

When first opening the page, you see this pixelated (still loading) version of the artboard. You can see it's pretty pixelated:

After like 30 seconds it finishes loading and looks clear:

But it's not super obvious that the image is still loading, so it's slightly confusing to see the pixelated image for a while. I think a progress bar would be the most useful with the async loading.

[MaxBazarov]

Actually you can open your page without images async loading if you add “?embed” to your URL. https://mysite.com/myproject/live/ => https://mysite.com/myproject/live/?embed In this mode async loading is disabled. Could you try it to see how it will be change your situation? Thanks On 15 Nov 2019, at 23:44, Nick <notifications@github.com<mailto:notifications@github.com>> wrote: Here is a screenshot example. I just exported a few random large images to show what is happening. When first opening the page, you see this pixelated (still loading) version of the artboard. You can see it's pretty pixelated: [image1]<https://user-images.githubusercontent.com/590678/68972761-c12c6100-07a9-11ea-9464-2f5c2c7f3e17.jpg> After like 30 seconds it finishes loading and looks clear: [image2]<https://user-images.githubusercontent.com/590678/68972801-dbfed580-07a9-11ea-8bae-8f6264d04190.jpg> But it's not super obvious that the image is still loading, so it's slightly confusing to see the pixelated image for a while. I think a progress bar would be the most useful with the async loading. — You are receiving this because you commented. Reply to this email directly, view it on GitHub<#9?email_source=notifications&email_token=AEMQVAXLXITKNULVRSUDWJDQT4C23A5CNFSM4JNSWD72YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEEGVGKA#issuecomment-554521384>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/AEMQVATSA7UKUGY726C5253QT4C23ANCNFSM4JNSWD7Q>. If you do not wish to receive promotional materials from Ingram Micro via e-mail, please go to http://www.ingrammicro.com/emailmgmt or reply to this message and type unsubscribe in the subject. Ingram Micro Inc. Corporate Headquarters, 3351 Michelson Drive, Suite 100, Irvine, CA 92612 This email may contain material that is confidential, and proprietary to Ingram Micro, for the sole use of the intended recipient. Any review, reliance or distribution by others or forwarding without express permission is strictly prohibited. If you are not the intended recipient, please contact the sender and delete all copies. [Ingram_2818e5de]

[nickian]

Oh ok, thanks. I don't see a big difference, but maybe it's just the way the browser loads images regardless of the async.