cocosCreator导出Web-Mobile工程资源加载时间分析

我们使用cocosCreator导出Web-Mobile工程，加载时间长，从而导致用户体验差。所以解决加载是个比较重要的事情。
优化加载时间，首先我们得知道是什么原因导致了加载时间长。

打开浏览器F12查看加载时间

我们可以直接通过打开浏览器开发者模式(快捷键F12),选择Network(网络)这一栏，就可以看到所有我们工程所有的请求，已经请求资源大小和时间。

这里其实也只能看到加载时间一共花了多长时间，但是并不知道具体的加载过程。

浏览器控制台可运行的js脚本

脚本

我们可以通过这个脚本来分析cocos Creator Web-Mobile工程的资源加载情况，按文件大小、等待时间、下载时间等分类，更方便我们查看。

(function() {const resources = performance.getEntriesByType('resource');const result = resources.map(res => {const sizeKB = res.encodedBodySize / 1024;const totalTime = res.duration.toFixed