Reduce published HTML file size

[ben...@gmail.com]

Hello People,

I work for an Agency here in Germany.

I made some banners with GWD. Same problem here as with Adobe Edge Animate, is the file size.
One of my costumers bought publishing time with a maximum file size of 45 Kb.
I've been working on reducing the images used in the banner towards 800k and maximum 6Kb. 9 Images are used for the animation. Creating SVG does not help at this point. Can't get these SVG's smaller then 6Kb.

Back to my problem. The working HTML has a file size of 14Kb and the exported HTML is a stagering 64Kb. It integrates the Scripts and CSStyles inside the HTML file.

My question for GWD team: could you change this in future releases to an option.
So that we the users can choose to integrate it in an single file or generate an HTML, CSS, JS and/or JQ?

At the moment these banners are being banned, do to it's generated file size.
More Kb's means pay more money. I don't like the system but it's an standard atm. I have to live with.

Does anyone have an idea maybe?

Kind regards,

Dennis Hendrik Adriaan van Leeuwen

Testlink:
http://bdf114038102.businesscatalyst.com/

[Kishore Subramanian]

Hi Dennis,

We hear you loud and clear. In an upcoming release of GWD (I cant confirm dates yet), we are working on these issues:

1) Reduce HTML size

2) Make it optional to inline the generated JS and CSS

3) Move libraries to CDN where possible

Stay tuned.

Cheers,

Kishore

[seattle...@gmail.com]

I'm having the same issue. I need to have an initial load size of 50K with another 50k loaded later.

Is there any code that can be stripped out manually without affecting the functionality?

Thanks,

Steve

[Kishore Subramanian]

Hi Steve,

How big is your creative? You can see the Initial Load size and raw size in GWD's publish dialog (click Publish from the bottom toolbar). 

Which components are you using in the creative?

One way to reduce the size is to move the CustomElements polyfill (src="custom-elements-min.js") to a CDN. This shaves off 15KB from the creative.

Kishore

[Jana Lyon]

Hi Kishore,

"One way to reduce the size is to move the CustomElements polyfill (src="custom-elements-min.js") to a CDN. This shaves off 15KB from the creative."

Has this been done? Is there an online resource that I can link to? My Creatives are shockingly large considering how little they do and I really need to cut the size down. The CSS is incomprehensible to searching through for unused styles isn't really an option, is there anything else I can do?

Jana

[brando...@morrisonsplc.co.uk]

Yeah I am getting ridiculously large HTML outputs too - basically for a tiny mpu banner it's out at a 73kb html file with assets at an additional 96kb. In Flash this totals a single 40kb swf file.
For a bigger 300x600 skyscraper I am getting 93kb html files published with GWD with additional heavily optimised assets at 82kb - a total size 176kb - in Flash I can output a single 40kb file.

Doesnt seem practical to use Google Web Designer to create ani's to be honest when you can just swf out a Flash file and convert it through Double Click?!

[acons...@in-queue.com]

I have only text (2 sentences - in a google font) in a 300X250 ad and the file size is already 54K...DoubleClick Studio doesn't accept HTML files over 50K...is there a way to decrease the file size?

[David Edeburn]

Was this resolved?

I'm running into this issue with rich media where initial index.html file needs to be under 100k and its a bit over...

Separating javascript or the css manually breaks the file in doubleclick...

Is there procedure to separate the css or javascript so that the index files are small enough?

[David Edeburn]

Was this resolved?

We're having an issue with a doubleclick creative...index file is over 100k and needs to be smaller. manually removing the css and javascript breaks the file...

its mid 2016 now...GWD should work well with doubleclick...

[Steve Ball]

I wound up using TweenLite on the recommendation of Sizmek, the company who served the ads. It worked very well. There was a little learning curve, but I was able to use all the same assets.

[Dennis Hendrik Adriaan van Leeuwen]

See if you can CDN the js file. Look for it at Google. 

Adwords Validator:
https://h5validator.appspot.com/adwords

DoubleClick Validator:
https://h5validator.appspot.com/dcm

CDN @ Google:
https://support.google.com/richmedia/answer/6307288

If not go give createJS a try.