menu HCG_Sky's Blog
more_vert
chevron_right 首页 » 教程,随笔 » 网站加速那些事
网站加速那些事
2020-05-06 | 教程,随笔 | 7 条评论 | 663 次阅读 | 2458字

一步到位,避免踩坑,来聊聊网站加速那些事~

前言

假·前言

五一这几天放假是吧,爱折腾的我当然是闲不住的呀!就想开始整活,整什么活呢?我也想不清楚,不经意间我发现,我的小破站在其它地区打开那是及其的慢呀,这可不得行!这得解决!虽然我的小破站没啥流量哈哈,但是排面一定要有!在和度娘一番攀谈交心,了解到CDN这种东西,就开始了各种踩坑填坑,属实费头发,所以决定再费几根头发记录一下,让各位初来乍到的站长能省几根头发去折腾更多掉发量大的事,嗯,就是这样

真·前言

网站打开速度,决定了站点的流量。如果你的网站打开要3秒或者更多,那会流失很多流量,特别是新用户,谁也不愿意把时间浪费在一个不了解产品上面。所以加速网站打开速度,成了运维以及开发人员的重中之重。今天来讲讲如何加速你的站点

CDN

CDN的全称是Content Delivery Network,即内容分发网络CDN是构建在现有网络基础之上的智能虚拟网络,依靠部署在各地的边缘服务器,通过中心平台的负载均衡、内容分发、调度等功能模块,使用户就近获取所需内容,降低网络拥塞,提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。

萌新:说人话!!!

卑微的我:说白了就是给你拍张照,放到全国各地或是世界各地的广告牌上,这样大家就能高效快速的就近看到你的萌样了!

CDN服务商

关于选择

随着互联网和经济的发展,国内的云服务商可以说是花开遍地了,这里就给大家推荐一些比较不错的,排名不分先后,如果纠结于选择,那你就觉得哪家图标好看就用哪家吧哈哈,本文用于讲解的为七牛云和腾讯云,配置方式大同小异,自己多琢磨琢磨就好~

关于资费

一般的在服务商新开通CDN都是有免费体验服务的,时长都在一年到半年左右,体验到期了就要收费了,毕竟人家要恰饭的嘛,也不贵,一年下来像我这种小破站,资费不会超50RMB的,各家的情况都不同,自行查看吧~这里要说一下,大部分的免费体验都仅限于http协议的域名加速,https的域名加速是不计入免费体验中的

准备工作

方案准备

博主的碎碎念

所谓欲善其事必先利其器,这个利器是啥呢?没错了,就是你的脑袋哈哈!在为你的网站部署CDN之前,请务必想好你的需求是什么?不然在部署过程中你会像无头苍蝇一样到处乱转,越搞越乱,博主就是一个例子,以为很简单的事(确实很简单哈哈),想都没想就开始一顿操作,走了很多弯路,所以请你在开始之前务必做好思考,想好方案再一步步来,这里我给大家推荐几种方案选择(个人想法,如果有误望大佬指点改正哈~)

正文
  1. 如果你是抱着年晚煎堆,人有我有的心态亦或是你只有一个博客站点且对速度要求不高,推荐你直接CDN加速
  2. 如果你是执着于要做最快的那什么人咳咳,或者是像我这种除了博客站点还有的图床站点且不做快人的骚猪,推荐你使用CDN加速+CDN加速进阶版来进行加速,前者我用的腾讯云后者我用的七牛云,当然你也可以用同一家
  3. 头发有限,再折腾其它方案就不够用了哈哈

资源准备

  • 已经备案的域名(和网站一样国内不备案是不允许使用CDN的哦)
  • 在你选择的服务商实名注册好账号(不实名不能用)
  • 如果要用HTTPS协议访问请准备好相关的SSL证书

CDN加速

这里以腾讯云为例,其它平台配置方案大同小异,花几根头发多琢磨琢磨就好

开通内容分发(CDN)服务

↓在 云产品 中找到 内容分发网络 点击进行开通↓

添加并配置域名

这里添加的域名就是你要加速的站点域名
即作为访问站点的域名

↓在 域名管理 中找到 添加域名 点击 添加 并配置↓

绑定cname

成功添加并配置域名后会得到一个域名
即我们要绑定cname的记录值

↓在 域名解析 绑定这个cname值↓

配置ssl证书

如果你想在访问加速节点时使用http协议,忽略此步骤
如果你想在访问加速节点时使用https协议,请认真了

↓在 证书管理 中找到 配置证书 点击并配置↓

总结

到这里,您站点的加速服务就已经部署好了,快去访问刚刚设置的加速域名体验一些吧!但是我相信,看到这里,会有很多同学情不自禁的唱一句小朋友,你是否有很多??????没有关系,在这里我会为大家列出及讲解一些疑惑,如果没有你想要的请在评论区留言待我后续补充~

配置CDN前后的区别
↓配置CDN前↓
↓配置CDN后↓
不知道各位是否看得懂哈.....我尽能力去画了哈哈
总之懂的看图不懂的看我的流程说明哈~
流程说明
  • 配置CDN前,访问站点的流程是 用户→域名→协议→站点 而你站点的位置时固定的,所以无论用户在哪,都是直接的访问站点
  • 配置CDN后,访问站点的流程是 用户→加速域名→协议→节点→域名(IP)→协议→站点 站点是固定的而节点是遍布各地的,用户访问的其实是离他们最近节点上的内容,而节点上的内容是提前向站点请求并缓存好的,用户是间接的访问了站点而不是直接访问
QA

Q:对网站 http://www.a.com 加速,回源配置应该如何填写?

如果源站服务器 IP 固定,您可以使用IP地址回源,回源 HOST 填写www.a.com即可
如果源站服务器 IP 需要通过域名解析动态获取,您可以使用源站域名回源,回源 HOST 填写www.a.com即可
注意: 如果需要加速的域名为 HTTPS 域名,且源站强制 HTTP 访问时重定向到 HTTPS,您需要配置加速域名和回源协议为 HTTPS,或者关闭源站的重定向跳转

Q:为什么加速域名和源站域名不能相同?

一个域名最终只解析到一个位置,即解析到 CDN 加速节点后,将无法用于获取源站的 IP 信息,所以加速域名和源站域名无法配置为同一个域名

CDN加速进阶版

先说说本站的情况,我的云服务器上有两个站点,一个是博客,一个是图床,博客站点的图片都源于图床站点,我用上述普通的CDN加速为我的博客页面加速,同时使用这里要讲的CDN加速进阶版为我的图床加速,这里以七牛云为例,其它平台配置方案大同小异,花几根头发多琢磨琢磨就好

新建存储空间

↓在 对象储存 中 点击 新建储存空间 进行创建↓
↓在创建好的空间中找到 绑定域名 点击配置后创建↓

绑定cname

前文有,不做赘述

镜像存储

↓在创建好的空间中找到 镜像储存 点击并配置↓

总结

到这里,恭喜你!已经完成全部操作,可以去试试访问了,记住是访问加速域名,如cdn.hacther.cn这时候你可以点击“内容管理”,发现里面多了很多文件,这就是七牛缓存的文件,后面访问,会直接从这里读取

区别

你们可能很想知道区别在哪里?区别大吗?我只能说,其实区别并不大哈哈,其区别只在于你将什么作为你的源站,CDN节点从哪里获取内容,这个方案是将服务商提供的对象储存作为源站,CDN节点从对象储存中获取内容

QA

Q:此方案是如何运作的?

访问加速站点,如果绑定的对象储存里有相应内容,如:https://cdn.hacther.cn/233.png ,则 直接从对象储存里访问
访问加速站点,如果绑定的对象储存里没有有相应内容,则从真实站点,如:https://img.hacther.cn/233.png ,获取并缓存到对象储存中,下次再访问或是其它人访问就直接从对象储存中获取

Q:配置完我该用哪个域名访问图床进行上传

图片上传,用户登录还是使用镜像储存中设置的那个域名来进行操作,如:https://img.hacther.cn
图片上传完成后,在博客中运用时就使用加速域名来访问,如:我在 https://img.hacther.cn 上传了233.png 返回的图片链接为 https://img.hacther.cn/233.png 那么我在写博客或是在其它地方运用图片就使用 https://cdn.hacther.cn/233.png

至此

我所实践我所了解就都讲述完了,如有错误望大佬指点
发表评论
已有 7 条评论
textsms
account_circle
email
link


    徐冬冬
    徐冬冬     MacOS /    Google Chrome
    June 23rd, 2020 at 09:21 pm

    阔以 阔以 不错 不错|´・ω・)ノ

      HCG_Sky
      HCG_Sky 博主     Windows 10 /    Google Chrome
      June 27th, 2020 at 04:28 pm

      欢迎来访同时感谢您给予的支持,已回访贵站huaji,看了你的文章深有感触,临近考试,所以站点搁置了许久,后续空余时间会继续更新的shakinghead

    2broear
    2broear     Windows 10 /    Google Chrome
    May 12th, 2020 at 02:17 pm

    这边建议您使用xmind做导图哦huaji

      HCG_Sky
      HCG_Sky 博主     Android /    Google Chrome
      May 12th, 2020 at 06:24 pm

      好的,我了解了一下,确实挺不错的,后续发文我会改进的,感谢您的提醒OK!

        2broear
        2broear     Windows 10 /    Google Chrome
        May 12th, 2020 at 06:30 pm

        哈哈,话说回来xmind的确方便,这里有下载,献花https://blog.2broear.com/download

    Hacther
    Hacther     Android /    Google Chrome
    May 11th, 2020 at 12:49 am

    maimeng

      HCG_Sky
      HCG_Sky 博主     Windows 10 /    Google Chrome
      May 30th, 2020 at 11:51 pm

      233maimeng

arrow_back 上一篇
arrow_forward 下一篇
七牛云 腾讯云 阿里云 百度统计 TrustAsia 安全签章 MySSL 安全签章