小网站静态资源CDN加速实践记录
文章目录
- 1.前言
- 2.为什么要用对象存储
- 3.为什么要用CDN
- 4.七牛云的使用
1.前言
我这边会涉及到的前端应用场景大部分是比较简单的。需要服务器动态计算的数据特别少,对于我们的乞丐服务器来说,如何优化静态文件的传输,减少带宽使用是降低成本的核心。虽然CDN的名气更大,其实对于地方性的小网站来说,对象存储已经能够满足需要。当然最完整的静态文件的加速方案应该是将[对象存储]和[CDN]两个模块结合起来用。根据我对阿里云、腾讯云和七牛云的使用感觉,对于小公司来说,这三个中七牛云绝对是最友好的选择。
2.为什么要用对象存储
对于小网站来说,带宽的痛点需要如何解决呢?我觉得对象存储是一个不错的解决方案。奇怪的是各大云平台似乎不太推广这个业务(个人感觉,或许是因为前司的关系让我更关注CDN这个业务),可能因为这个业务成本高利润还低吧。对象存储相当于是网站的云盘,将你的静态文件全部上传到云盘后,云盘可以已最低成本为你提供你要的带宽(我猜测这个产品定价低的原因是因为你和别人拼单用了一个高存储空间低处理性能的服务器)。即使是我个人觉得什么都比别人贵的阿里云每个月每G也只要1毛2(2021年7月15日资费),对比带宽费,这个简直是九牛一毛了。
而我的乞丐服务器的临时带宽呢?一个星期的10M带宽就要116.93元。
如下图,同一个3M的MP3文件,通过七牛云下载(左)和通过我的乞丐服务器下载(右)的时间差。也就说,通过对象存储,我们基本上可以白嫖到10M左右的带宽,这个带宽每月最贵只要1毛二/G。
那为什么我会推荐七牛呢,如下图所示,10G空间对于一个小网站来说已经是非常大了。我觉得我是可以白嫖七牛的,但是出于支持他的缘故我又给我的静态资源上了个CDN的业务,给七牛交点保护费。
3.为什么要用CDN
我在这里就不在详述啥是CDN。简单来说,CDN就是运用京东的物流模式来打淘宝,运用就近仓库的模式来获取更快的响应速度。
其实我们更需要的是对象存储服务而不是CDN,但是两个东西结合起来用我们就可以使静态加速获取到最佳效果(对于请求来自全国各地的网站来说尤甚)。为啥?CDN加速的一个最大的问题就是命中率,CDN的想法是好的,可是万事万物都有成本,边缘节点的存储空间也是有限的,对于小网站来说,访问量小了肯定容易被其他访问量大的文件盖过去。同时,说实话我不太理解阿里云和腾讯云的CDN的识别方式,当我用react的时候,那个命中率简直是低的离谱,还是在我预热了链接之后。
那这两个东西结合后解决了什么问题呢?白嫖了一个高级源站!以我用七牛为例,当命中失败的时候,他回源回去找对象存储的磁盘,也就是我白嫖的空间,这样的好处是即使回源了,我们的速度也不会慢到离谱,这样就不会出现命中的时候用户觉得很流畅,没命中的时候用户觉得很便秘的问题。
同时,CDN的资费也是比提升带宽要低很多的。我们以2021年7月15日的阿里云的CDN的活动资费为例,作为小网站只要成本83.6+35.2(HTTPS还需要另外买请求次数)就可以享受阿里云为你提供的半年内500G1000万次超大带宽静态文件加速服务。
借用天翼云的图介绍CDN和对象存储的逻辑关系。
4.七牛云的使用
进来之后找到我们的两个主角。
进来之后创建一个空间,一个空间就相当于一个盘。
进到空间里面呢,就进来设置一下域名,刚创建空间的时候他会给你一个30天的临时域名作为测试你可以先用。这个自定义源站域名就是我们的网盘访问地址啦,如果不用CDN的话就只设置这个就好。如果要搭配CDN使用的时候,再来配置CDN域名。
然后进入文件管理,只要在这里上传文件就可以了。
这里吐槽一下七牛的这个存储对象的文件管理,这个文件管理如果能增加一个类似文件夹的层级那管理起来会方便很多,不像现在所有文件都在同一个页面,文件多了很难管理。所以需要在右侧这个设置路径前缀这里给他设置一下,然后再来上传文件,不然感觉很容易重名。
UPDATE 20210717:https://developer.qiniu.com/kodo/5972/kodo-browser
错怪七牛了,有一个图形化工具进行文件管理。啊,帮大忙了。七牛yyds
上传完文件就可以在这里复制文件的外链,有了外链你就可以在你的网站上享受静态文件加速了。
我是llsxily,你可以叫我橘子。我觉得这个文章还没结束,还有很多需要慢慢补充的,我们回头再见。
小网站静态资源CDN加速实践记录相关推荐
- 云小课|CDN第5课 CDN入门之—我的网站可以用CDN加速吗?
摘要:CDN(Content Delivery Network,内容分发网络)通过将源站资源缓存到遍布各地的边缘节点服务器上,用户可以就近获取资源,从而达到加速的效果. 本文分享自华为云社区<[ ...
- CDN:静态资源如何加速?
CDN:静态资源如何加速? 静态资源加速的考虑点 CDN 的关键技术 总结 现在,我们应该对包括本地 缓存.分布式缓存等缓存组件的适用场景和使用技巧有了一定了解了.结合我们前面学过的客户端高可用方案, ...
- 百度智能云实战——静态文件CDN加速
前言 互联网进入移动互联网时代后,产品形态有几次大的演进.最初,H5站点如雨后春笋般的出现,大量H5站点迅速占领PC市场,中期,为了追求极致用户体验,大量原生Android.IOS应用出现,为用户提供 ...
- 前端-网站性能优化——CDN加速
前端-网站性能优化--CDN加速 网站性能优化是一个大活儿,按工种划分的话,分前端.后端和db等,作为一名前端工程师,这系列文章只聊前端工程师应该知道的关于网站性能优化的那些事儿.写此文章算是一个工作 ...
- php 静态 动态 cdn 加速,CDN静态加速跟动态加速的区别,动态加速好还是静态加速好?...
CDN做为内容分发技术,其核心原理就是将内容缓存到离用户最近的节点上,实现内容分发加速,这里内容主要分为两种,一种是静态内容,一种是动态内容.首先,对静态资源,CDN的加速效果是最好的,因为文件本身没 ...
- 大文件下载及视频点播的CDN加速实践
简介:为了帮助用户更好地了解和使用CDN产品,CDN应用实践进阶系统课程开课啦!前几天,阿里云CDN产品专家陈智城在线分享了<大文件下载及视频点播的CDN加速实践>议题,解读大文件下载和视 ...
- 网站如何配置CDN加速?网站域名接入腾讯云CDN的步骤(附CDN防御)
目录 什么是CDN? CDN原理: 接入CDN加速后有什么作用? 网站域名接入CDN加速的步骤 1.开通CDN服务 2.接入域名 3.配置CNAME CDN防御配置 1.用量封顶配置 2.防盗链配置 ...
- 七牛镜像存储 WordPress 插件:一键实现 WordPress 博客静态文件 CDN 加速
七牛云存储是由七牛提供的在线存储服务,通过云端接口向企业客户提供网上无限存储空间,和传统的云存储服务(如 Amazon S3)不同,七牛云存储还增加了上传下载传输加速以及富媒体云端处理特性. 七牛云存 ...
- 网站怎么开启CDN加速?最简单的步骤分享!
我们都知道,CDN就是内容分发网络,是通过将网站内容分发值全网加速节点,配合精准智能调度系统和边缘缓存,使最终用户可以就近获取所需内容,有效降低网络拥塞,体用用户访问响应速度和命中率. 但是,对于大部 ...
- php 静态 动态 cdn 加速,CDN动态加速 静态加速区别
看完这篇文章,在我看来动态cdn加速还是有点不靠谱的. 还得搭建多地方的服务器. CDN做为内容分发技术,其核心原理就是将内容缓存到离用户最近的节点上,实现内容分发加速,这里内容主要分为两种,一种是静 ...
最新文章
- 融资2.75亿美元的老牌AR公司,倒了
- php无限极分类实例,PHP实例:PHP无限极分类
- 求首尾相接的数组的最大子数组和
- 理解node.js中的 Event Loop
- SAP Spartacus批量读取产品的逻辑
- Coverage analysis in ABAP in Eclipse
- awk 实例练习 (三)
- 院士学术不端,怎么处理?文件来了:中国工程院院士失范行为处理办法
- mysql获取ddl的语句,获取数据库或SHEME的DDL语句
- php 文件上传框架,Laravel框架实现文件上传的方法分析
- OBS无延迟视频直播完整教程(组图)
- 语音计算机在线算使用方法,计算器在线计算
- 语音认别---唤醒技术KWS介绍
- 几何造型问题(转载)
- 实践练习二:手动部署 OceanBase 集群
- C语言goto语句 做一个自动关机小程序 —— 给小伙伴来个“恶作剧”吧
- Mac M1芯片同态加密库的安装(TFHE问题)
- 数据结构资源视频地址
- 【Linux学习笔记④】——Shell程序设计【变量 输入与输出 条件表达式 判断语句 循环语句 Shell函数】
- 【网络】mesh和无线桥接WDS的区别