• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
1

An HTML5 banner ad freezes on mobile, while working perfectly on Desktop

Explorer ,
May 29, 2020 May 29, 2020

Copy link to clipboard

Copied

Hi guys,
I'm working on an animation. This is a preview link: https://gocreative.cloud/mysoulcbd/1080x1920/

As you can see, when it is opened/previewed in the Desktop browser it loads quite nice and smooth, while when I test it on mobile, it is almost impossible. It freezes and goes extremely slow. 
Do you know where could be a problem? This is an IAB mobile standard size, 1080x1920. Elements are quite optimised, in terms of .png size. Any idea?

 

Thanks!

Views

375

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Beginner , Jun 02, 2020 Jun 02, 2020
After fiddling around with your file, whatever I tried didn't result in better performance on mobile. I tried googling and found a really simple solution. All you have to do is add this line to the head of your html document: <meta name="viewport" content="width=device-width, minimum-scale=1.0" /> Apparently that line enables GPU raster for mobile. Check: https://zviz.net/TEST/zviz/

Votes

Translate

Translate
Community Beginner ,
May 31, 2020 May 31, 2020

Copy link to clipboard

Copied

Instead individual images try and export them as texture atlas.
https://helpx.adobe.com/animate/using/create-sprite-sheet.html

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
May 31, 2020 May 31, 2020

Copy link to clipboard

Copied

Hi zviz, thanks for your reply. Unfortunately, the atlas option is not better:  https://gocreative.cloud/gocreative.cloud/mysoulcbd/1080x1920_sprite/

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

Sorry it didn't work out. Without the actual .fla file, that's the only thing I could think of.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 01, 2020 Jun 01, 2020

Copy link to clipboard

Copied

Here is the fla file: http://gocreative.cloud/mysoulcbd/fla_files.zip If you have any idea what can cause the problem, please share 🙂

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 02, 2020 Jun 02, 2020

Copy link to clipboard

Copied

After fiddling around with your file, whatever I tried didn't result in better performance on mobile. I tried googling and found a really simple solution. All you have to do is add this line to the head of your html document: <meta name="viewport" content="width=device-width, minimum-scale=1.0" /> Apparently that line enables GPU raster for mobile. Check: https://zviz.net/TEST/zviz/

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 02, 2020 Jun 02, 2020

Copy link to clipboard

Copied

Please find files here: http://zviz.net/TEST/zviz/fla_files.zip

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Jun 02, 2020 Jun 02, 2020

Copy link to clipboard

Copied

You're great zviz! It works perfectly now 🙂
Thanks a lot!

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Jun 02, 2020 Jun 02, 2020

Copy link to clipboard

Copied

LATEST

You're welcome! Glad I could help.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines