Skip to main content
Inspiring
June 18, 2019
Answered

HTML5 Optimization

  • June 18, 2019
  • 1 reply
  • 545 views

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

This topic has been closed for replies.
Correct answer ClayUUID

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.

1 reply

Legend
June 18, 2019

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?

Inspiring
June 18, 2019

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.

ClayUUIDCorrect answer
Legend
June 18, 2019

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.