阿里云CDN+OSS完成图片加速

我们使用React Native开发APP,在列表中显示图片时,列表框经常出现长时间的空白。经过稍微研究和参考其他人的经验,我们知道React Native的ListView以及后来改进版的FlatList在安卓系统上都有内存使用方面的问题,很多团队在开发时都需要自己去优化这个控件,大体优化思路无非也就是将滚出显示区域外的图片占用的内存释放掉,具体实现起来会复杂一些。

以上主要是背景介绍,不过有点跑题。那我们在优化之后,仍然还是有些问题,这和网络状况也有关系,网速慢的时候图片加载的时间比较长,会出现卡顿和渲染完成前的空白现象。我们图片全部存储在阿里云OSS服务中,数据库中只保存图片链接,那图片的加载速度问题,可以使用阿里云CDN来协助解决。

CDN+OSS能解决图片加速的问题,那具体是怎样配置的呢?这里我们先把两个名词了解清楚,有些名词因为向来没有被很好地解释,导致使用者对概念理解不正确,从而对加速的流程理解有错误,即使按照文档提示可以配置了,也无法正确理解为什么要那样去配置。

加速域名

比如我的网站域名是www.mydomain.com,CDN是用来加速这个网站的图片,那么有人就以为加速域名是:www.mydomain.com,即把加速域名理解为被加速的网站的域名。而实际上,我们应该添加一个二级域名来作为加速域名,加速域名的意思是,你访问这个域名的时候,所访问的资源是通过CDN来加速了的,需要注意的是,在这里,加速域名不是:www.mydomain.com。

源站域名

对于我们这个场景来说,源站域名就是OSS的域名。如果我

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
阿里云CDN加速配置教程如下: 1. 在阿里云控制台中,选择CDN,进入CDN控制台。 2. 在控制台中,选择域名管理,然后点击【添加域名】按钮。 3. 在添加域名页面,输入您的主域名,并选择合适的业务类型,例如站点加速、点播、直播等。 4. 点击【下一步】,进入加速区域设置页面。***根据您的实际情况,选择源站类型,可以是IP地址、阿里云OSS阿里云视频点播等。 6. 配置好源站后,点击【下一步】,进入CNAME配置页面。在此页面,您会得到一个加速后的CNAME域名,将您的主域名作CNAME指向该域名。 7. 完成CNAME配置后,点击【下一步】,进入HTTPS配置页面。您可以选择是否开启HTTPS加速,并配置相应的证书。 8. 完成HTTPS配置后,点击【下一步】,进入流量分配页面。根据您的需求,设置合适的流量分配。 9. 点击【下一步】,进入确认订单页面。确认您的配置信息,并点击【确认】,提交订单。 10. 完成订单提交后,CDN加速配置就完成了。您可以在域名管理页面查看到您的加速域名信息。 通过以上步骤,您就可以成功配置阿里云CDN加速CDN加速可以将您的源站内容分发至最接近用户的节点,提高用户访问的响应速度和成功率。同时,CDN节点也可以缓存访问量较大的网页内容和对象,以提高网站访问的速度和质量。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

技术人成长

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值