移动App性能优化

网络信息工程2021.10移动App性能优化李想，张玉军，余瑾，杨维昊(辽宁科技大学计算机与软件工程学院，辽宁鞍山，114004

)摘要：Native,

Hybrid,

H5对于App的开发层出不穷。依照什么依据来选择哪种技术,主要是根据项目的量级决定

的。Native

一般用在机票、酒店这些量级非常大的，对用户体验稍微差一点点，整个系统订量会有很大的浮动,就会用

Native来实现。Hybrid主要是用来开发量逐渐稳定的一些业务，并发量要求不是非常大,例如一些小的SBU可能会有

Hybrid来实现，它成本效率比较低一些。对于H5直连，一些探索性的业务H5直连比较多一些，无论哪种开发方式对于

性能的要求都越来越高，对于移动App的性能优化,现在主要通过CDN加速，图片优化，资源优化等方式。关键词：CDN性能优化；图片优化Mobile

app

performa

nee

optimizatio

nLi

Xiang,

Zhang

Yujun,

Yu

Jin,

Yang

Weihao(School

of

Computer

Science

and

Software

Engineering,

University

of

Science

and

Technology

Liaoning,

Anshan

Liaoning,

114004)Abstract：

Native,

Hybrid

and

H5

are

developing

apps

one

after

another.

According

to

what

basis

to

choose

which

technology,

mainly

depends

on

the

magnitude

of

the

project.

Native

is

generally

used

in

the

air

tickets

and

hotels,

which

are

very

large

in

weight.

If

the

user

experience

is

a

little

poor,

the

booking

volume

of

the

whole

system

will

fluetuate

a

lot,

so

native

will

be

used

to

realize

it.

Hybrid

is

mainly

used

to

develop

some

businesses

with

stable

amount,

and

the

concurrency

requirement

is

not

very

large.

For

example,

some

small

SBUs

may

be

implemented

by

hybrid,

which

is

less

cost-

effective.

For

H5

direct

connection,

there

are

more

exploratory

business

H5

direct

connection.

No matter

which

development

method,

the

performance

requiremerrts

are

higher

and

higher.

For

the

performance

optimization

of

mobile

app,

CDN

acceleration,

image

optimization,

resource

optimization

and

other

methods

are

mainly

ds:

CDN

performance

optimization;

image

optimizationo引言可以大大提升网站的性能。但是CDN有一个主要的问题，如果

App的飞速发展，使得它们已经成为了每个人方便生活

的必备品。现在用户追寻的不再是技术与功能。因为现在目

前市面上所有的App可以满足大部分人大部分的需求，对于

CDN它使用缓存直接设置了

10年，并且直接使用这个文件名

作为索引，这样后端如果更新了文件内容的话，如果文件名

字一直没有变化的话，可能这个CDN—直在10年之内都是

使用的是同一份资源，除非说互联网服务虚拟经济强制的推

用户体验是目前大部分人关注的，一个App的体验直接影响

到了用户的转化率。影响用户体验的因素有很多，主要体现

送。这时候我需要一个机制，如果我们内容变化的时候，用户

可以立马感知的，并且及时的刷新缓存。在页面设计，加载速度等方面。通过相关文档以及前人的研

究,总结他们提出的问题，关于gzip压缩工具的使用以及控

1.2如何优化CDN有些人会忽略CDN对于手机的效果，而且CDN在手机端

制不同大小类型图片的请求与渲染，因为图片加载占了我们

大部分的时间。在这些基础上做了研究，又从用户角度对CDN

的使用以及用户图片上传canvas图片压缩等方式进行了总

的做法有点不太一样，做了

CDN合并压缩，还有动静分离之

后的,效果会差很多，动静分离对手机APP的效果比较明显,

因为用户拿着手机,不像在PC,

PC端用户习惯比较单一,

结研究。1

CDN的研究1.

1为什么优化CDN所谓的CDN就是内容分发网络，目前很多比较大的公司

都会使用这种CDN,它的一个主要优点是，它可以替用户选择

比如说大部分用户是家里公司，比较单一，但是手机带着到

处跑，到处跑的话CDN的效果更加凸显一些。特别是用户数

多的App。CDN可以帮助整个网站的性能有质的变化。对于

CDN的状况，connect的状态，差异会非常大。Request和

Response,都有很大幅度的一个提升,对于海外的用户访问

体验也有一个质的变化。如果大家公司APP需要在海外出差

一个离它最近的节点，并且获取它一个最优化的内容，这样

基金项目：辽宁科技大学大学生创新创业训练计划项目(2)。里

甲耳测说ELECTRONIC

TEST

2021.10要用的话，海外CDN的效果还是非常明显。对于CDN的质量监控，有很多人做优化有很多点，做完

之后都没用任何方式去验证它的过程,也没有一个方式去做

持续的改进，所以说这个监控非常重要。对做的任何优化点

都要有监控，帮助长期的规范这样一个过程去优化。2资源控制与优化对于不同的网络在编码的时候要考虑一下，要想一下系

统的配置最终会有多大,而且要做一些限制和做一些规范,

不能无止境的让业务无限增长,如果配置无限的膨胀，这样

再怎么做再怎么优化也达不到想要的效果，所以资源量控制

是非常严格的，它的一个上下行的速度范围是有限的。要保

证在不同网络下都能达到一个比较好的效果，要做一个权

衡。通过专业监控的数据然后反推出来用户的实际用户访问

下载的一个速度。通过测试和査阅在不同的城市这个速度也

是差距很大的，这个对做APP优化有参考价值。第一个就是增量，对APP来说增量是很重要的，用户不

可能每次都要更新新发布的APP,—个公司如果发展很好的

话一个月有三四次更新是很正常的，做快速敏捷开发每个月

都会有产出,业务肯定希望还是越早的给用户看到更好。这

时候对于需要的增量，增量有些公司可能是按业务型切分,

这个增量是到业务的，有些是做到文件的，做到好的优秀的

可以做到一行代码做增量,这样就会很小，用户实际的下载

量就会控制下来，优化APP也要对这个增量分发有个很好的

一个控制，不控制好,用户下APP要花好久好久才能下载，如

果一个APP上百兆了，基本上看看就过了，都没有兴趣去下一

个APP,这部分一定要注意好，增量的机制对客户来说最好是

无感知的情况下把增量下载下来，增量基本上感觉不到的，

还是在后台默默地帮你去打补丁，增量最重要就是你要解决

跟下载速度的依赖关系,才能达到想要的一个效果。3延时优化延时也是非常重要的部分,基本上通过延时带宽就能知

道用户多久才能看到这个页面,对于用户来说什么时候页面

加载出来就意味着转化率最终会达到一个什么样的效果，因

为毕竟只有页面转化了才能达到一定的收益,公司业务才会

达成。知道这些以后做一些优化，比如APP里面有很多酒店图

片,可以为不同的网络准备不同分辨率的图片，根据用户的

状况来决定到底显示什么。如果发现网络质量不好的话，通

过设计的一些机制，可以往下显示清晰度不那么高的图片给

到客户，这样保证用户游览速度没有问题的情况下,尽可能

给他更清晰的图片。也可以对不同设备的用户分配最适分辨

率的图片,对于图片资源CDN请求服务系统图如图1所示。因为目前上行带宽永远小于下行带宽，这个在国内非常

明显一点,包括用wifi也是，wifi网络其实并不那么快,

如果用手机直接拍出来的，或者单反拍出来的一张照片非常

大，特别是用户有时会上传一排的照片,非常多，用户一下子

上传十几张二十几张照片的时候要传好久，实际上二十几张甲耳测说EUECTROMIC

TEST网络信息工程照片有100多兆的东西，对于下行的带宽，手机也是,手机传

更慢，这样考虑先压缩再后传,这一点APP已经给提出很好的

解决方案。APP上做了，然而H5大部分开发者是没有设计的。

H5也是要做的，手机APP上,首先判断到用户是手机访问的,

用canvas可以去缩放图片，可以去从新定义它图片的质量,

这样减轻了传输负担，在合理的控制下，用户丝毫感觉不到

图片被压缩了，用户只是感觉到了上传速度变快了，这对于

服务器和用户体验都是不小的优化。图1图片资源CDN请求服务系统图4传输优化对于传输的方式优化，现在用的稳定可靠整体收益比较

好的就是Protocol

Buffer加上gzip的一个组合,抛弃了以

前的json和gzip的组合。这样数据会非常小，可以节省很多

带宽。通过做了一些测试，基本上是原先三分之一的大小，如

果用json的话还要比它大三倍，这样对用户来说流量消化非

常大，protocol

buffer加上Gzip这样一个组合是不错的。5结语APP的监控是非常必要的，如果想提高性能，监控必须得

做,否则没有办法知道用户真实的感受，开发者用手机看的

效果跟用户看出来效果差很多,用户根本不在开发者网络环

境下,可能不在开发者本地，甚至在海外，看的效果完全不一

样。所以监控非常重要。然后分析痛点,分析痛点很多人喜欢

用工具看,这个看不出来，一定要连真机,连安卓等看看，毕

竟开发者网页上模拟的,跟手机上也差很多。然后是对于性能AB测试，现在做得人比较少，如果公司

有APP框架的话，可以做一些性能AB测试，本地用着快，不代

表用户真的用得快，因为有不同的网络环境的差异,用户的

一个具体位置，或者是用户的使用习惯的差异，会导致优化

效果并不是那么明显。对于开发者优化性能并不是看提高多

少秒，最终看转化率提高多少，跟业务的测试是一样。如果你

只是看页面性能提高了,转化率低下去了这个没有意义的。参考文献[1]

黄聪颖，滕建.利用反向代理服务器对基于Web的选课系统的性能优化[J].微型电脑应用10(2020).[2]

肖文娟，王加胜.基于Vue和Spring

Boot的校园记录(下转第106页)

测试工具电气控制，不仅可强化电气控制效果，还可减少电气运行过

程中的安全隐患。再者，与传统人员配备不同的是，机械式设

2021.10应用过程中难以满足无触点晶闸管的实际散热需求。所以，

从实际来看,问题虽然有一定改善，但并未彻底解决。备可取代人员进行高危操作，且操作精准性偏高，可有效杜

绝传统人工操作造成的失误，还可进一步提升工作效率。再

3.

3机械式接触设备接触器属于电容器组重要组成部件之一,但因为具有不

者，相较于其他技术，电工电子技术也具备显著的应用优势，

若能将电工电子技术与电气工程进行有效结合，不仅可促进

电气工程逐步进步,还可进一步改善社会实际生产效果。但

是，电工电子技术是一种基于计算机技术的新型技术，囊括

可替代性特点，所以其作用是无法取代的。现今应用的无功

补偿自动化控制设备其实还有一定的不足之处，经常有自动

化控制涌流现象出现，有一定几率会导致严重后果,甚至会

影响电网系统的整体运行。为预防不良现象的发生,必须选

取专业接触设备实施有效控制。在充分使用这些设备的基础

多种系统设备，设备的实际适应性非常强，可辅助电力企业

减轻工作压力，提升电力企业的实际工作效率。上,不断提升限流电阻，如此才可有效减少涌流现象的发生。

3电工电子技术在无功补偿自动控制中的应用在机械式接触设备的实际应用过程中,逐步验证了机械式接

触设备的实际应用价值,确定这些设备充分满足电网的实际

发展需求,可妥善解决电网运行期间经常出现的各种问题。

3.

1复合开关复合开关是现今应用频率较高的一种仪器，可有效并联

可控开关以及交流接触开关，保证促使电压过零导通顺利，

有调查实践报告表明，现阶段机械式接触设备基本可以解决

可及时切断电流过零，并且可在接通、断开开关的时候有效

控制电流，继而达到无功率损耗这一目标。复合开关一共具

电网运行过程中出现的相关问题，并且可不断提升现代电网

的运行安全性与运行稳定性，所以这种机械式接触设备具有

备两种功能，第一种是可有效使用三相分补、单相分补这两

种开关共同连接方法，这种连接方法现今在我国电力企业中

显著的应用效果，值得在电网系统中广泛运用。3.

4电路仿真随着计算机技术、网络技术等多种先进技术作为辅助手

段在电路设计中广泛应用。电路仿真的应用价值逐步凸显出

广泛应用；第二种则是三相共补及单相共补符合开关，这种

连接方法在功率与低压无功补偿较为相似的电力系统之中。

但是，这些连接方法在实际应用选择过程中，必须充分考虑

到当地电力系统的实际运行情况,经常出现的各种问题，进

行科学合理调整后，选择最符合电力系统实际情况的连接方

来，电路仿真主要由控制电路、主电路(包含交流接触器触头

以及反并联晶闸管)两种仿真线路组成。其中主电路仿真设

计可通过交流接触器电容充分实现。在实际运行中,接触器

法,继而保障电力系统平稳运行。但是，在实际选择过程中，

必须保证连接形式的选择灵活性，一旦电网运行中有异常问

触头经常弧现象出现，尤其是电路瞬间尖峰中。而控制电路

仿真运行必须明确晶闸管启动的出动脉冲要求，但并未明确

电容器的实际切断时间，将接触器切断后，才可及时启动晶

题出现，需及时釆用可解决相关问题的复合开关，保障自动

控制的有效性。闸管出动脉冲，预防大尖峰现象出现。3.

2无触点晶闸管电容器组发生涌流现象的几率非常高，若电容器有涌流

现象发生，则会对整个电网的运作造成影响，会造成极其严

重的后果，并且会影响电容器组的实际应用寿命。若情况比

4结束语随着国民经济水平的逐步提高，社会经济的逐步发展,

人们对电力有了更高的需求，对现有电力系统的有效性与稳

定性有了更高的要求。在无功补偿自动控制中有效应用电工

较严重，还会导致电容器组部分烧毁,这是电力系统实际运

行过程中的巨大风险之一。为有效杜绝这一情况的发生，必

须充分利用无触点晶闸管。但是，光应用无触点晶闸管是不

电子技术，可进一步提升无功补偿效果,发挥更大作用。参考文献[1]

黄进.电工电子技术在无功补偿自动控制中的应用[J].企业技术开发(学术版),2016,35⑻:19-21,41.[2]

孙梅.电工电子技术在无功补偿自动控制中的应用研究[J],智能建筑与工程机械,2019,1(1):48-49.⑶章正倩.电工电子技术在无功补偿自动控制中的应用[J].

南方农机,2020,51(18):144-145.够的，还存在一定的不足之处。在实际使用过程中会产生较

大的热量，若不及时进行散热操作,导致热量堆积，则会诱发

一系列严重问题,最终影响所有和热量有接触的部位零件,

甚至会导致零件被烧毁。若是被烧毁的部位比较重要，甚至

会导致整个电网故障，最终影响电网的实际运行有效性与安

全性。为了迅速散热,避免热量堆积，多数设备均配备了相应

的电风扇，但是这些电风扇的实际应用寿命并不长，在实际

(上接第81页)管理Web

App的设计与实现[J].计算机应用与软件

⑷

高岭等.基于支持向量机的移动Web浏览性能优化研究

4(2020):25-30.⑶毛正雄,赵志宇，孙北宁.基于Nginx的Web响应加速

优化研究[J],自动化与仪器仪表4(2018):31-34.[J],计算机学报

9(2018):2077-2088.⑸王昭等.终端Web运行环境及其相关优化技术研究综述

[J],网络新媒体技术1(2020):1-10.|106申耳测说ELECTRONIC

TEST