专栏首页蚂蚁开源社区WebAPP移动前端性能优化规范和设计指导

WebAPP移动前端性能优化规范和设计指导

关于Web前端优化,作为一名前端工程师肯定明白。比如PC端,我们平时主要用的也就是Firefox的两个插件,Yahoo的YSlow和Google的Page Speed(如果您有其它比较好用的,分享一下哦),它们会对你的网页进行检测,哪些做的比较好,哪些还有待改进,说的非常细,两个插件分别有不同的标准,但大体上是一致的。

之前蚂蚁小编跟大家也介绍了一些关于移动端前端优化事项和知识点。比如 以下的八点移动端的优化规范指南。同时也是我们需要遵循的8项原则。

1、PC优化手段在Mobile中同样适用

2. 在Mobile中我们提出三秒种渲染完成首屏指标

3. 基于第二点,首屏加载3秒完成或使用Loading

4. 首屏资源不应超过1014KB(现在是4G网络了)

5. Mobile中因手机配置原因,除加载外渲染速度也是优化重点

6. 基于第五点,要合理处理代码减少渲染损耗

7. 基于第二、第五点,所有影响首屏加载和渲染的代码应在处理逻辑中后置

8. 加载完成后用户交互使用时也需注意性能

等等。

而对于移动webAPP的前端性能的优化对于移动APP的用户体验来说非常重要。

应该说WebAPP移动前端性能优化比PC端更为重要。

下面是蚂蚁社区的小编为大家收集的一些WebAPP移动前端性能优化规范和设计指导。希望对大家有所帮助,有帮助的话,可以收藏下!

本文分享自微信公众号 - 蚂蚁开源社区(mayi_zzfriend),作者:蚂蚁社区小编

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2020-05-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 微信小程序开发的天气预报源码

    开始项目时,还需要启动另一个项目middleware充当中间件请求weather接口

    用户5997198
  • 【小程序/工具类】天气预报

    开始项目时,还需要启动另一个项目middleware充当中间件请求weather接口

    用户5997198
  • 对于前端新宠TypeScript,你得了解这些......

    其实,TypeScript 并不是一个完全新的语言, 而是JavaScript 的超集,它包括 ES5、ES5+ 和其他一些诸如泛型、类型定义、命名空间等特征的...

    用户5997198
  • 挑战亚马逊 谷歌扩大当日达服务

    订单配送速度成为全球互联网零售巨头当下最着力改善的事,在亚马逊、eBay推出当日达服务之后,谷歌也不甘示弱,再次扩大自己当日达的服务范围。 日前,谷歌与美国最大...

    静一
  • Python 爬虫解析库的使用

    Python知识大全
  • Leetcode 11 Container With Most Water

    Given n non-negative integers a1, a2, ..., an, where each represents a point a...

    triplebee
  • 中国团队夺得MegaFace百万人脸识别冠军,精度98%再创记录,论文代码+数据全开源

    MegaFace数据集 网络结构 首先,我们尝试在人脸识别的任务上找到一个优秀的网络结构。 3.1 网络输入设定 在我们所有的实验当中,都根据人脸的 5 个...

    新智元
  • 恒大、碧桂园、万科三巨头转身

    出乎很多人的预料,疫情并没有对2020年的楼市形成太大的负面影响,今年全国房价稳中有升。1-11月百城新建住宅价格累计上涨3.19%,涨幅较去年同期扩大0.28...

    刘旷
  • 向 Jon Westenberg 学习如何投资自己

    如何从今天开始就为未来成为一个更优秀的人、更具创造力的人、更优秀的企业家做准备? 如何在有限的生命中做真正有价值、有意义的事情? 实现目标、完成任务、规划人生非...

    杨熹
  • The Google Testing Law (谷歌测试定律)

    软件测试(Software Testing)是软件工程(Software Engineering)中不可或缺的一个过程。软件测试触发预定义的测试步骤、比较软件的...

    小老鼠

扫码关注云+社区

领取腾讯云代金券