腾讯云如何加速网页?腾讯云登陆

Github 部署 | CDN 加速网页,速度嗖嗖的快!

前两篇文章给大家分享了如何在 Github部署网页以及给网页上自定义域名,相信很多人就算不看我这两篇分享,也能部署自定义域名的 Github网页。然而,很快又会被 Github那拉跨的网速劝退。

我在 Github上随便找了个 的网页测了一下速度,好家伙,大半个中国都访问不了,点击这里查看详情。

全是红色,吓死个人儿。再给大家看看上了 CDN的速度如何:

虽然有的时候访问还不太行,但是整体情况比上面彳亍了不少。

由于 Github服务器在国外,本来信息传递就很慢,再加上某些原因,有的时候甚至连打开都费劲。

那用国外 CDN如何呢?Emmm,我去 AWS搞了一下,说实话没太搞懂,而且现在账号都没怎么用了,还处于欠费还钱的状态。。。

我自己刚接触国内 CDN的时候发现:

什...么?使用国内 CDN只能给国内域名使用?

什...么?买了国内的域名还要备案?

什...么?备案前还要先租 3个月的服务器?

草(一种植物),我 TMD还没开始配置呢,就得花 200租个服务器?怕我自己不是个憨憨,白嫖失败。

不过,最近发现腾讯云上也可以给国外的域名上 CDN了,就来分享一波吧。

开始前,希望 xdm准备好以下东西:

简单过一下 CDN的原理,CDN原名叫内容分发网络。

为啥叫内容分发呢?如果一个快递从黑龙江送到海南,大概需要 45个小时。

京东的思路就不一样了:我先把大量的货物都放到海南的一个仓库里,当有人下单后,可以直接从海南的小仓库直接发货,这就能大大减少交货时间,整个框架就是内容分发网络。

从上面可以看出 CDN两大特点:

不知道大家有没有想到这个问题:如果 CDN做了缓存,那么,就算我发布新版本,CDN缓存还是旧的文件,用户依然只能看到旧页面。

事实上,无论是 React还是 Vue项目,在打包之后,都会将 js,css的文件名存为 [contenthash].js和 [contenthash].css,其中, contenthash就是整个文件内容的 hash值。

只要文件内容一变,那么 contenthash值就会变,会在 CDN上新上传一份 css或 js文件,而且 index.html引用的 css和 js资源路径也会跟着变,这就解决了每次发布都不能覆盖上个版本的问题了。

可能有人的又会问了:“ contenthash值一样,不怕文件被覆盖么?”。 contenthash值一样说明了文件的内容是一样的,就算被覆盖了也是被同样的内容覆盖,所以文件覆盖不是问题。

还会有人问:“如果我的文件改一个字,就发布一次,每次发布都会发一个新 js或 css文件,那 CDN上的资源不是会变得越来越多?”。确实会有这个问题,不过 CDN的资源空间理论上是无限的,而且 js和 css一般不会占很大空间,你也不能一天发 100个版本吧?就算存储空间不足,让运维去扩充空间就好了。

这里要注意:不能把 index.html打包成 [contenthash].html,因为 Github要求我们分支上的 html文件只能叫 index.html,而同名文件放在 CDN上又会有上面缓存不更新的问题,所以只有 css和 js等静态资源是需要 CDN缓存的,而 html是不能缓存的。

总的来说,我们的架构要从这样:

变成这样:

在 DNS到 Github之间多了个 CDN服务器。

首先,点击: 进入 CDN(内容分发网络)的控制台。

点击域名管理->添加域名。

然后在域名配置选中国境外,填上你的域名,然后选择静态加速。

其实 CDN只是个中间商,本质上是作为中间站转发,所以这里要配置源站的 IP地址,也就是缓存的 html, css, js要从哪里获取。因为我们是将网页部署在 Github上的,所以这里要填入 Github提供的 4个 A记录。

这里不要选择 HTTPS,因为如果使用了 CDN回源访问之后,Github自己是检测不出来的,然后也不会给你自动配置 HTTPS,所以千万不要选 HTTPS!通过 HTTP才能正常回源访问 Github源网站。

还记得我们刚说不要把 index.html也缓存了么,不然部署后看到还是上一个版本的 html。所以,在服务配置里的缓存行为-不缓存里添加 html的后缀。

同时,你还可以选择节点缓存和浏览器缓存:

浏览器缓存好处是可以节省 CDN上的流量(对,流量也是要钱的,虽然不多),坏处也很明显,万万万一你要真的进行内容刷新,那么用户访问的有可能还是以前的版本。

这里大家按自己的情况来选择就好了,我这里只加了节点 2天的缓存就够了。

最后点击提交。

给个人网页上 HTTPS是很有必要的,不然别人进你的网页,浏览器还弹出“您访问的网站不安全”就显得有点业余。所以,这一步来给我们的域名上 SSL证书。

在原来的内容分发网络控制台点击证书管理创建一个证书。

进入配置页后,先填入你的域名,再选择证书。

相信大部分人刚开始是没有腾讯云托管证书的,所以点一下上面的 SSL证书管理进入管理页面,再点击申请免费证书(白嫖):

然后一步步去填内容就好:

注意,在第三步这里,需要验证你的域名合法性,需要在 NameSilo上添加一条 TXT记录。

添加后会是这样(你也可以等到下一步配置 NameSilo时再添加 TXT记录,然后再继续下面的步骤):

当验证通过后,就可以给自己的域名颁发证书了。

最后一步,回到内容分发网络,在配置证书里绑定刚刚的证书,这样我们的 CDN也可以拥有 HTTPS啦。

回到域名管理可以发现 CDN给我们提供了一个 CNAME:

只要将 DNS的 CNAME指向 CDN的 CNAME,那么整条访问链路就被我们串起来了。

打开 NameSilo的域名管理页面:

进入域名详情页后,在左上角的 DNS Records点击 Update(这个配置页面是真的难找啊):

然后点击 CNAME添加两个 CNAME记录, value处填刚刚从腾讯云获取的 CDN的 CNAME。

然后,去买杯咖啡,看看 B站,等一小时后,前往你的域名看看吧。

总结一下,我们这里做了什么:

相信配置完这一套,你的网站访问速度会比以前快不少。

如果觉得这篇文章能帮到大家,可以点个赞再走咯~

如何提高网页加载速度

操作建议:

【1】检测代码质量,对有可能的变慢的网页,代码量大的网页,或可能出现加载慢的网页进行测试,保证网站程序没有问题。

【2】优化网站中的使用的图片,比如背景图,重复背景可以使用一个像素点的等宽或等高图片做为背景。

【3】将网页静态化,浏览静态网页很多程度上比动态节约时间。

【4】购买质量好的服务器、比如百度云、阿里云、腾讯云服务器部署网站,并根据用户数量适当提高带宽。

【5】使用云服务器部署,并使用CND加速服务。

【6】根据不同的开发语言,使用合适、高性能的服务器。

腾讯小程序是什么

问题一:腾讯小程序是干嘛用的?怎么申请和注册?第一步:需要有认证的公众号并登陆公众号

点击小程序管理

第二步:申请小程序

第三步:根据提示内容填写相关信息

问题二:腾讯小程序什么时候可以开放使用什么是小程序

小程序是一种新的开放能力,开发者可以快速地开发一个小程序。小程序可以在微信内被便捷地获取和传播,同时具有出色的使用体验。

主要优势

1、用户可便捷地获取服务,无需安装或下载即可使用

2、具有更丰富的功能和出色的使用体验

3、封装一系列接口能力,帮助快速开发和迭代

开放注册的范围:

企业、***、媒体及其他组织

接入流程:

1、注册

在微信公众平台注册小程序,完成注册后可以同步进行信息完善和开发。

2、小程序信息完善

填写小程序基本信息,包括名称、头像、介绍及服务范围等。

3、开发小程序

完成小程序开发者绑定、开发信息配置后,开发者可下载开发者工具、参考开发文档进行小程序的开发和调试。

4、提交审核和发布

完成小程序开发后,可以提交代码至微信团队审核,审核通过后即可发布。

问题三:我购买腾讯云用于小程序的开发,有什么优势?按照腾讯云的教程和配套镜像、环境,最快1个小时可以快速搭建自己的第一个微信小程序demo。

问题四:微信小程序开发首选腾讯云,有何先发优势腾讯云升级5大优势支撑小程序开发

早在微信小程序内测阶段,腾讯云便推出了独家发布了针对内测版本的小程序解决方案,并发布了相关场景Demo。徐华龙表示,腾讯云此次升级一站式解决方案,除了为开发者提供了COS、CDN等基础的网络存储及加速服务外,还提供信道及会话服务的全栈基础资源,以及域名申请备案、后台架构、资源采购、资源部署、扩展能力、安全性等一键式云端部署能力。

1.一站搭建云端资源

小程序现有的SDK、DEMO缺乏对云端的支持,依赖开发者逐个模块搭建云端服务,过程冗繁;并且必须通过HTTPS完成与服务端通信,依赖开发者自行完成证书申请部署,效率不高。腾讯云小程序解决方案可支持一键自动完成域名注册解析以及云端资源的分配初始化,快速搭建具备云端能力的专属小程序,提高小程序开发的效率。

2.灵活配置弹性伸缩

针对微信小程序传播可能出现的流量暴增,腾讯云微信小程序解决方案提供的弹性伸缩能力支持在特定时点或者CPU/内存达到某个阀值后自动扩容,随后自动缩容,轻松应对高并发。

3.配套解决接口难题

小程序提供WebSocket长连接通信的客户端API,但缺乏服务端配套支持,开发者自行实现难度较大;腾讯云利用自身的基础服务搭配Socket.IO镜像,帮助开发者构建支持WebSocket协议的长连接服务器,使开发者们更加高效快捷地实现WebSocket长连接通信。

4.安全护航部署简单

微信小程序中不满足条件的域名和协议无法请求,所有网络请求必须走Https协议,腾讯云提供免费Https证书服务,搭配腾讯云移动解析服务(HttpDNS),帮助开发者轻松解决证书部署问题。而针对小程序要求的鉴权安全性要求高的特点,腾讯云提供完整的鉴权会话管理服务,保证帐号安全同时还提升小程序开发的效率。此外,腾讯云还对小程序配备BGP高防、域名智能解析及防劫持等多重安全防护体系。

5.内网通信高速互联

腾讯云针对微信小程序接口使用专属BGP链路,通过腾讯内网进行通信,实现云端与微信平台的无缝对接,保证了用户云端数据与接口数据的高速互联。

据介绍,腾讯云小程序解决方案还将持续进行升级,通过更丰富的场景和更优化的技术能力,降低小程序开发成本和维护难度。“腾讯云将与微信一道,在小程序生态中提供更多的支撑能力,与开发者一同丰富和健全小程序生态。”

问题五:qq的应用程序是什么 Tencent文件夹中.....下的qq.exe或者QQProtect.exe都可以打开qq

问题六:腾讯什么时候开始出流氓程序了?腾讯就是个垃圾,通过浏览器推送强制安装腾讯管家的。电脑明明好好的,右下角冒出来一个你的电脑崩溃了,诱骗你安装腾讯管家。

问题七:打开手机需要QQ号码的是什么程序手机申请qq号码的程序如下:1、打开qq登录界面,点击如图所示的【注册新账号】;2、输入手机号码,点击【向我发送验证码】;3、记下手机收到的验证码;4、验证成功之后设置密码,点击【提交密码】;5、注册成功。

问题八:腾讯电脑管家硬件检测是哪个程序 QQ电脑管家硬件检测的查找方法:

1、打开QQ电脑管家,点击“工具箱”。

2、在跳转界面中,常用工具类别中即可找到“硬件检测”。

问题九:QQ和腾讯网是用什么程序写的腾讯的网站大部分采用 CGI程序编写如下面这个 QQ幻想的网站 fo.qq/...Name=2其他网站上的页面看不出来,都适时生成了 HTML类型的网页。新浪,网易,21CN,太平洋网则主要是 SHTML类型的网站主要还是用到 ASP JSP PHP生成 asp jsp生成若您留意过各种大型网站,类似于sohu,sina等门户站点,您可能会有这样的一个疑问:他们的首页面或一些主要页面或一些新闻的网页都是什么格式呢,若是动态的,它的一个页面需要多少次数据库查询呢,他们如何管理好自己的那么多庞大的信息量还能保证速度和质量呢,到这里,您可能会说他们有更好更多的服务器,是的,但是,还有更重要的一点是:他们的页面是html或者shtml格式的。有些文章显示页面要收集的信息太多,例如:相关文章连接,热点文章连接,与该文章相关的下载,在该页面中显示的文章标题、内容,文章分类和列表等,这么多信息,几乎对整个新闻数据库全部查询了一遍。试想一下,在访问量如此之大的门户站点,数据库如何可以承受呢。这时,静态页面就显出了无可比拟的优势,每一次访问都不需要经过数据库,服务器压力有了数量级级别上的减少。这就是门户站点用html或者shtml文件格式的原因。JSP中文网新闻发布系统的所有新闻页面都会自动生成html或shtml格式,且在页面上将该新闻的访问次数等信息还能动态显示(当然,并不是每次访问都重新生成文件),一个页面将该新闻的相关、热点文章全部链接并显示出来,访问速度却丝毫不受影响。

问题十:腾讯云小程序部署方案是不是域名的小程序必须要HTTPS加密的,你可以到这里申请SSL证书实现HTTPS加密。wosign/news/xiaochengxu-

阅读剩余
THE END