最新消息:20210816 当前crifan.com域名已被污染,为防止失联,请关注(页面右下角的)公众号

【已解决】preact+webpack打包出来的H5首页加载太慢

Preact crifan 2689浏览 0评论

用基于类似于react的preact,加上webpack等工具生成的js的H5页面,做成一个H5的app,功能是没问题了,但是加载太慢:

等了10多秒,才加载出来。

不过,对比之下:

另外一个版本,类似的代码,首页加载就要快很多:

大概只要4-5秒

去看了看前面慢的地方对应的url:

http://HOST_IP/uapp/

PC端去打开的话:

发现文件最大的是:

1.5MB左右的bundle.js

其他图片等资源,不过几十KB,几百KB。

-》所以网速正常的话,其实的确只要4,5秒,足够了。

而前面之所以要10~15秒左右,那估计是对方的原生的app的问题了。

然后再去Chrome中调试发现:

的确是:

估计是服务器本身的网路速度太慢,导致:

本来1.5MB的bundle.js只要3,5秒的,结果加载了10多秒才加载出来。

解决办法:

估计是升级服务器的网路速度,就可以快点加载完毕了。

转载请注明:在路上 » 【已解决】preact+webpack打包出来的H5首页加载太慢

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
84 queries in 0.184 seconds, using 22.19MB memory