topic description

the page released by 1.animate cc 2019 will crash after running on Wechat"s built-in browser on Android for a few minutes!

sources of topics and their own ideas

on the Android (Huawei Shang Hang 864G) machine

1. there is no problem running on Chrome and 360 Speed browsers;
2. Wechat has a built-in browser, and the page on the qq"s built-in browser will wobble and run for 2 minutes.

related processing

1. has converted all graphic vector images into png images;
2. page added meta metadata adaptation

<meta name="renderer" content="webkit" />
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0, minimal-ui">
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />

1. when animate is published, it is set to publish to sprite sheets, and the maximum size is set to 1024 1024; Resolution 1366 768 ratio is 1.0;
2. the file size is more than 1m after the page is published;

what result do you expect?

1. Page jitter, possible causes of browser collapse, and corresponding solutions;