HTML-5 Package size

We’re currently re-working a project for HTML-5 distribution.
I’ve been doing various tests with different projects and I can’t seem to get an acceptable file size for the packaged content.
I’ve grabbed Tappy Chicken, created a build with it and I get a very nice and small 30mb.

When I try to compile an empty scene (new project, new empty level), I can’t get lower than 150mb!
When I compile a scene from our project, with all content, I get pretty much to the same result, ~150mb.

I’ve compared Tappy Chicken package settings to my settings and they are pretty much the same.

Any idea why a default, empty scene, will create a package to be 150mb? (Unreal 4.12.5)

Are there any settings that I need to tweak in any of the .ini files to improve the packaging process?

Thanks in advance for your help.

After 1 more hour of testing and comparing/tweaking the INI files to match the settings from Tappy Bird, I am still stuck with results that don’t make sense.

Filling up a scene with 100 of spheres, a player controller, and some point lights, the output HTML folder is 157 mb… The UE4game.js is taking 80mb alone, while the “map” itself slightly increases when I had more content to it.

Can’t figure out why my UE4game file is so big? Is there a compression checkbox that I’m not seeing?

I have also been very annoyed at the immensely huge package sizes.

Does this option help at all?

104483-screen+shot+2016-08-26+at+1.57.57+pm.png

I’ve tried with and without creating compressed package. Same result.
The funny thing is, if you look at Tappy Bird deffault project settings, it’s set to not even create a compressed package, yet, the size is 30 mb compared to my empty scene for 150mb.

I also went manually and unchecked all plugins, same result.

There’s got to be a trick to it that simply isn’t documented well. I hope someone enlightens us.

I was hoping to find an answer in the forum (now that’s it’s back) but all links point to the same documentation, which doesn’t really mention anything useful.

Pretty frustrating.

Thought I’ll share more tests I’ve been doing:

  • Created a “Top Down” project in Unreal 4.10 and in 4.12.5

In 4.10: HTML5 size package: 40 mb
In 4.12: HTML5 size package: 161 mb

I also tried with settings compressed and uncompressed PAK in 4.12. Same size.
UE4Game.js doesn’t get compressed to a js.gz file like it does in 4.10.

Is compression broken in 4.12 or do I have to force it somewhere a different way?

Thanks for bringing this to our attention, I have since entered UE-35333 for this issue. I tested HTML5 packaging alongside Windows, iOS and Android. I did not notice such an increase in size as I did with HTML5.

However as some guidelines, we suggest moving any non-utilized files from your project prior to packaging. Make sure that the textures you’re using aren’t taking up too much memory either.

HTML5 isn’t necessarily a mobile platform however it is more closely related to mobile than to an OS therefore, we suggest using the ‘[Reducing APK Package Size][1]’ for some tips.

I’d also suggest looking at this link for [Reducing Your Package Size][2].

Thanks!

Optimization Guides for Android in Unreal Engine | Unreal Engine 5.1 Documentation
[2]: Testing and Optimizing Your Content | Unreal Engine 5.1 Documentation