HTML5 Optimization

[jebd32619028]

My Goal: Templates so print designers import PSD files into Animate and export working html code.
My Problem: HTML code exported from Animate is Heavy.

I am creating templates in Animate that will be making GET request to JSON or XML feeds then parsing them. Example pulling in Lottery Jackpot values from a JSON feed and displaying the text. I have everything working but when I test the exported code on older machines it slows them down and causes problems. I have a digital network of over 3000 players and a lot of them are these older machines.

I have two key frames. One with the get calls and dynamic text and another that shows if something fails in the code of the first frame.

All I am doing is jumping from one frame to another. Not a lot of animation work. Is there away to prevent all of the excessive code from Animate from being exported? I need this to be as optimized as possible. I would just write this from scratch without animate but I need the ability of a none coder to export HTML5 and Animate is the best thing that I have found plus all of my artist have it already as part of the CC.

Link to my file:

Lottery.fla - Google Drive

[ClayUUID]

Excessive code? It's only publishing 6K of JavaScript. That's nothing compared to the 1.4 megabytes of lossless image data you're generating. Why aren't those JPGs?

[jebd32619028]

I am using a third party vendor to play the HTML content and their developers told me that there were too many animation layers and it was bogging down the test machines with the least powerful resources. They want me to use straight HTML and JS but that kills my goal of creating precoded templates for Print artist.

Edit: I just spoke to my vendor and the issues is that it shows the Canvas background for a second before loading. This cause issues.

[ClayUUID · Accepted solution]

You never said why you're using PNGs instead of JPGs for your background images. That right there will be a significant slowdown in load time.

[Nicktendo28]

I have the same question as clay. Why aren't you using jpgs? They are more optimal for something like this and would be for faster load time.

[jebd32619028]

I will give that a try.