Decreasing Build Loading Time for Cocos Creator Mobile-Web and Desktop-Web Builds

“How can I decrease the loading time of a mobile-web or desktop-web build in Cocos Creator to improve the game’s performance?” see the attachment for reference.

Screenshot 2023-05-31 at 2.11.20 PM
Screenshot 2023-05-31 at 2.11.09 PM

@CocosMarketing @pandamicro any Sugggestion?

Try to split your assets into bundles and load them as needed. I guess right now all you assets are loading at the initialization, so that’s why it’s taking so long.

1 Like

“Thanks for your reply, @mvrlin . Could you please provide an example and if any more suggestion with alternative solutions?”

There are several things to check

  1. Crop unneeded features: Project Settings · Cocos Creator
  2. Enable gzip in your server
  3. Using bundles as @mvrlin suggested, very useful, also remember to choose compress types for bundles: Asset Bundle · Cocos Creator
  4. Uncheck debug mode : Build Options · Cocos Creator
  5. Config compressed image format like jpeg/png/webp with suitable qualities so that your images can be smaller, you can also change compress tools for each format. Project Settings · Cocos Creator
2 Likes
  1. The code rate and the number of channels of the audio resources can be reduced, and the file size and the decoding speed of the audio resources can be optimized.
  2. Use the auto atlas feature to pack small images in a project into a large image, which can effectively reduce the time spent loading a large number of images.
    Auto Atlas

These are two general optimization suggestions, and the rest need to be analyzed based on your project to know what works.

2 Likes

Hello there, we age some games on poki but we need to improve the loading and blank screen error in our game Real Estate Rush when the game starts.

But only 55% of players start the game on mobile.
Actually we are looking for an optimization checklist for Cocos Creator and HTML5 build.
It’s a 3d game and the build size is 10mb.

We already followed this post :

**We listed this to optimize the build: **

  • Resize images to have the smallest possible size.
  • Compress .png files with tinypng.com or (those not in auto atlas).
  • Disable unnecessary features in Project > Feature Cropping.
  • Uncheck Primitives and remove the Skybox and its TextureCube in scenes, and change the Main Camera Clear Flags to SOLID_COLOR.
  • Compress sounds to low quality (32k, mono, 22050Hz).
  • Use Asset Bundles and choose the right compression mode.
  • Uncheck debug mode in build options.
  • Use the auto atlas feature in Cocos Creator 3.8 Manual - Auto Atlas (textures in sprite renderers do not work yet).

But we don’t know how to configure the build settings correctly.

Do you have recommendations ?