美文网首页
弱网环境下的一些想法

弱网环境下的一些想法

作者: 飞球大的波波 | 来源:发表于2021-06-17 14:22 被阅读0次

title: 弱网环境下的一些想法
date: 2021-06-17
description: 讲一下弱网环境下的一些想法


开始

项目开发上线之后,项目在使用的过程中难免会在网络不好的情况下运行,那我们可以针对这种情况和结合项目实际情况做一些预处理和拦截,提升用户体验度

做到什么程度

1、网络不好的时候给予用户相关提示
2、数据请求中给予相关提示
3、减少首屏资源加载、利用缓存提升操作性
4、针对图片和一些文件资源可以做超时加载的一些处理

如何做

1、网络不好的时候给予用户相关提示

前端层面:
1、根据Navigator.connection获得设备正在使用的网络连接信息,根据返回的NetworkInformation提示用户当前网络状态,我们也可以基于此对请求和正在使用的功能做些展示优化,
目前该属性还是实验中,各浏览器厂商实现规则不一致
2、根据NavigatorOnLine.onLine获得设备联网状态,正常联网(在线)返回 true,不正常联网(离线)返回 false,也有相关的事件监听

window.addEventListener("offline", function(e) {alert("offline");})
window.addEventListener("online", function(e) {alert("online");})

服务器+前端:
可以建立长连接或者轮询去向服务器发起请求,根据响应速度和一些网络丢包情况判断当前网络

2、数据请求中给予相关提示

1、针对请求的各种情况及时处理,并给出相关提示
2、项目中如果使用了async/await之类的方式,应该通过throw主动向上抛出错误,
这里抛出错误是因为公共方法内还包含了其他情况的统一处理,你如果处理了自己的逻辑,不抛出错误,公共方法就无法处理这部分情况了
3、增加公共loader,通过option声明维护是否需要loader,而且一段时间内发起的请求没必要重复创建loader,我们可以通过维护计步器来控制loader的销毁和创建

3、减少首屏资源加载、利用缓存提升操作性

1、资源按需加载/分包加载
2、资源挂载静态资源服务器
3、核心库和sdk等这种不长变动的可以单独打包一个vendor,不需要每次更新

4、针对图片和一些文件资源可以做超时加载的一些处理

1、图片和文件这些资源亦可以放在静态资源服务器,减少本身服务器压力的同时,静态资源服务器本省对于资源加载也有以一定的优化策略
2、给图片加载提供中间层服务,当加载失败时给出相关的占位图,
3、中间层服务在加载之初对网络状态进行一次判断、当网络状态不好时提供网络不好占位图
4、文件上传/下载,大文件可以使用分片上传/下载

总结

不同的项目实际情况都会有所出入,上面的想法只是抛砖引玉,总结的情况和能想到的东西暂时就这些,也欢迎大家留言建议,集思广益

相关文章

  • 弱网环境下的一些想法

    title: 弱网环境下的一些想法date: 2021-06-17description: 讲一下弱网环境下的一些...

  • Fiddler如何模拟弱网环境

    因为app运行在移动设备上,弱网环境下会触发很多特殊的场景,弱网测试就必不可少。使用fiddler可以模拟弱网环境...

  • Charles弱网测试

    1. 如何进行弱网测试 弱网环境测试主要依赖于弱网环境的模拟,搭建弱网环境,模拟一个弱网环境即可。可以通过软硬件...

  • iOS构建弱网环境

    有时候,开发者或者测试人员需要在弱网环境下进行开发和测试。这里介绍下iPhone中怎么设置弱网环境。 默认情况下,...

  • 弱网测试测试点思考

    最近公司网络越来越差,移动端弱网测试就显得非常的急迫,简单的记录今天对弱网测试的一些想法。 弱网测试是网络测试的一...

  • 弱网测试

    弱网环境存在的问题: 弱网环境下,出现丢包、延时软件的处理机制,最常见的问题就是丢包。 1、丢包: 在TCP协议中...

  • 弱网测试环境搭建:针对视频直播等实时音视频应用

    弱网测试环境搭建:针对视频直播等实时音视频应用 什么是弱网环境? 对于弱网的定义,不同的应用对弱网的定义是有一定的...

  • Mac及iPhone弱网环境搭建

    MAC下弱网环境搭建下载链接:https://developer.apple.com/download/more/...

  • Mac上通过Charles给iPhone配置弱网环境

    主要需求:开发过程中,模拟弱网环境下的各种情况的处理; 1.配置弱网 2.iPhone配置代理 3. 手机上配置 ...

  • fiddler之弱网设置(模拟限速)

    背景 我们的产品在弱网环境下经常出现加载问题,影响用户体验甚至服务不可用。所以在测试过程中就需要模拟弱网络环境进行...

网友评论

      本文标题:弱网环境下的一些想法

      本文链接:https://www.haomeiwen.com/subject/vedcyltx.html