使用cdn提高Github Pages的访问速度

这篇具有很好参考价值的文章主要介绍了使用cdn提高Github Pages的访问速度。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

众所周知,Github Pages是部署在国外服务器上的,因此从国外访问速度还可以,但是国内访问速度较慢,所以主要是优化国内访问这方面。在有限资源的情况下,优化网站访问速度的常用方式有两种,一种是网页懒加载,动态加载技术,这种方法的思路是在加载网页时,先生成网页框架,再慢慢加载其它较为耗时的资源,动态加载则是在每次只加载显示在浏览器中的内容,而跳过之外的内容,这些方法都是在源码的层面上提升网页的速度,第二种就是cdn技术,这种技术是从网络路由上来提升网页的访问速度。以上两种技术中,个人更加青睐第二种,主要是基于以下几个理由:

  • cdn加载效果更好
  • 懒加载访问网页时可能会遇到某些关键内容一直加载中,体验也不是很好
  • cdn加速技术已经商业化,有很多的平台提供,而第一种技术必须要根据自己的网页来修改源码,实践更加麻烦
    当然值得一提的是,以上两种技术在使用上并不冲突,完全可以同时使用,我在实践中只试过第二种技术,所以下面将介绍以下第二种技术。

 一、cdn技术简介

cdn是Content Delivery Network的缩写,全称是内容分发网络,其主要目的是为了解决网络拥塞问题。为了保证物流效率,大部分电商平台在全国乃至世界各地都有自己的货物仓库,当用户下单后,电商平台会根据用户的地址选择最近的仓库发货,这样就能大大地提升物流效率,这样一种物流策略其实就对应着cdn中的路由策略,它利用多台服务器,将用户所需的资源分布式地储存在世界各地,这样不同地方的用户访问资源时,相应地从最近的服务器中来获取资源,能够较大地提升资源的访问速度和路由效率。

 二、一些主流的提供cdn服务的平台

这些内容主要是参考网上相关文章整理的,简单介绍了一些主流的提供cdn服务的平台,一部分我也没有具体了解过,所以说法也不一定对,谨慎参考。

 1. 阿里云

  • 网址:阿里云登录 - 欢迎登录阿里云,安全稳定的云计算服务平台
  • 了解过
  • 没有免费流量
  • 国内(包括全球)加速需要网站备案

github cdn,HTML前端,软件工具,github,服务器,网络

 2. 腾讯云

  • 网址:登录 - 腾讯云
  • 了解过
  • 每个月有10GB的国内免费流量
  • 国内(包括全球)加速需要网站备案

github cdn,HTML前端,软件工具,github,服务器,网络

 3. 七牛云

  • 网址:https://portal.qiniu.com/cdn/overview
  • 了解过
  • 每个月10GB免费国内流量和10GB的其它地区流量,动态加速5万次
  • 国内(包括全球)加速需要网站备案

    github cdn,HTML前端,软件工具,github,服务器,网络

 4. FreeCDN

  • 网址:免费云加速(FreeCDN)- 为您免费提供网站加速和网站防御(DDOS、CC攻击)|CDN加速|免费CDN|高防CDN|免备案CDN|网站加速|视频加速|CDN服务|香港CDN|云防御|DDOS防御|CC防御|高防IP|游戏加速
  • 没试过
  • 完全免费,并且提供网络防御

github cdn,HTML前端,软件工具,github,服务器,网络

 5. 又拍云

  • 网址:云分发CDN - 网站加速 - 又拍云
  • 没试过
  • 可以申请加入又拍云联盟,每月免费获取10GB的存储空间和15GB流量
  • 国内(包括全球)加速需要网站备案

github cdn,HTML前端,软件工具,github,服务器,网络

 6. Cloudflare

  • 网址:Cloudflare 中国官网 | 智能化云服务平台 | 免费CDN安全防护 | Cloudflare
  • 正在使用
  • 个人服务完全免费,附加服务收费
  • 全球加速不需要网站备案

github cdn,HTML前端,软件工具,github,服务器,网络

在选择cdn服务时遇到的一个很大的问题是:以上大部分针对国内加速的cdn服务都需要网站备案才能使用,但是由于我的Github Pages是托管在Github上的,在国外,所以无法备案,并且我暂时也没有将博客移植到国内的云服务器主机上的想法,因此最终选择了Cloudflare平台的cdn服务,没有选择国内其它的主流平台。最后,需要说明的一点是,由于使用cdn服务需要实名认证,因此考虑到个人信息安全,建议尽量选择主流的平台,防止个人信息泄露

 三、在Cloudflare平台上开启cdn服务

 1.注册账号

首先当然是注册一个账号,可以用邮箱注册,注册过程非常简单,这里不再说明。

 2.添加网站

账号注册好后,进入控制台,点击"添加站点"加入需要使用cdn加速的站点,注意填入的站点域名不需要加入www.前缀,如下图,这里jun997.xyz是我自己的网站,已经配置完成了,而jun.com是随便选的一个示范网站,不是本人的。

github cdn,HTML前端,软件工具,github,服务器,网络

 3.选择计划

完成以上步骤后,下一步选择计划,个人完全免费版本即可。

github cdn,HTML前端,软件工具,github,服务器,网络

 4.DNS记录扫描

这一步是完全自动的,平台会自动扫描网站的DNS记录,完成后点击继续就可以。

github cdn,HTML前端,软件工具,github,服务器,网络

 5.更改DNS服务器

完成第4步后,按照平台的提示,我们需要修改原来的DNS服务器,改为平台提供的DNS服务器,即hasslo.ns.cloudflare.com和marjory.ns.cloudflare.com,如下图:

github cdn,HTML前端,软件工具,github,服务器,网络

一般在购买域名时平台会自动给我们分配相应DNS服务器,并且提供给我们修改的渠道,我的域名是在阿里云上购买的,登录阿里云控制台,在域名服务-域名列表-管理处可以修改域名,如下:

github cdn,HTML前端,软件工具,github,服务器,网络

点击修改DNS即可修改DNS服务器:

github cdn,HTML前端,软件工具,github,服务器,网络

在下面的方框中填入改为平台提供的DNS服务器,点击确定,然后回到平台,点击“完成,检查名称服务器”即可。

github cdn,HTML前端,软件工具,github,服务器,网络

 6.配置DNS服务器的相关设置

以上完成后,最后就需要配置DNS服务器,主要是针对安全性和性能优化方面,根据需要自行设置,有些付费内容可以跳过:

github cdn,HTML前端,软件工具,github,服务器,网络

最后设置好了之后等待一定时间之后就会收到激活成功的邮件

github cdn,HTML前端,软件工具,github,服务器,网络文章来源地址https://www.toymoban.com/news/detail-771766.html

到了这里,关于使用cdn提高Github Pages的访问速度的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包赞助服务器费用

相关文章

  • ubuntu提高 github下载速度

    ubuntu提高 github下载速度

            Github一般用于Git的远程仓库,由于服务器位于国外,国内访问速度比较慢,为了提高访问速度,决定绕过DNS域名解析。 获取Github的IP地址 按下ctrl+alt+T打开命令终端,输入: 获取github.global.ssl.fastly.net的IP地址 按下ctrl+alt+T打开命令终端,输入: 写入hosts文件,

    2024年02月04日
    浏览(8)
  • #解决办法:Github访问异常(无法访问或访问速度缓慢)

    #解决办法:Github访问异常(无法访问或访问速度缓慢)

    无法访问,加载速度缓慢   异常原因:   当我们访问GitHub 的网址时,会向服务器发送一个请求,获取到 GitHub 网站所在的服务器 IP 地址,但是这个国际的开源代码平台解析出来的IP有的是不能访问,导致我们访问不了或者访问效率比较低。 分析:   据此原因分析,我们可通

    2024年01月23日
    浏览(48)
  • 解决 GitHub 访问速度慢的问题

    GitHub 访问速度慢的问题 GitHub 项目中的图片显示不出的问题 点击获取 文件 用记事本打开文件 将文件中的内容复制,粘贴到本机的 hosts 文件中 Windows 系统的 hosts 文件在 C:WindowsSystem32driversetc 文件夹下 保存对本机 hosts 的修改 如果未生效,打开 Windows 的 CMD 窗口,输入 ip

    2024年02月15日
    浏览(12)
  • 【效率提升】提升Github访问速度的办法

    【效率提升】提升Github访问速度的办法

    2.1 安装油猴插件和脚本 TamperMonkey油猴脚本插件是一个脚本管理器,其自身并不提供脚本,所以我们需要额外的安装脚本。 2.1.1. 下载油猴插件 官方地址:https://github.com/Tampermonkey/tampermonkey 如果没有被墙:https://chrome.google.com/webstore/detail/dhdgffkkebhmkfjojejmpbldmpobfkfo 网盘下载:h

    2024年02月10日
    浏览(8)
  • 使用 Github Actions 工作流自动部署 Github Pages

    使用 Github Actions 工作流自动部署 Github Pages

    actions顾名思义就是一堆动作,是一个持续集成服务,持续集成包含了拉代码、运行测试、编译代码、登录远程服务器,发布到第三方服务等等的操作,GitHub将这些操作称为actions。 概念:Workflows, Events, Jobs, Actions, Runners Workflows 工作流 一个 Workflow 由多个 Jobs 组成 Events 定义哪

    2024年02月07日
    浏览(16)
  • 如何使用Github pages托管网页

    如何使用Github pages托管网页

    最近呢,我一直在整网页方面的东西,给大家推荐了热铁盒、Cpanel等,都是免费的。今天讲的是如何用Github托管网页。 Step1:准备工作 准备一个电脑和一个能用的浏览器。 开始! step2:准备一个Github账号。(有账号的可以跳过) 首先,进入到GitHub: Where the world builds software

    2023年04月10日
    浏览(12)
  • 解决Github copilot访问速度慢、资源加载问题

    github 是全世界最流行的开源项目托管平台,其代表的开源文化从根本上改变了软件开发的方式。 基本上所有的需求都能从 github 上或多或少找到现成的实现方案,再也不用重头开始造轮子而是自定义轮子! 然而,有时候国内访问 GitHub 速度太慢,如何加速访问 github.com 网站就

    2024年02月07日
    浏览(13)
  • 2023年最新 Github Pages 使用手册

    2023年最新 Github Pages 使用手册

    参考:GitHub Pages 快速入门 GitHub Pages 是一项静态站点托管服务,它直接从 GitHub 上的仓库获取 HTML、CSS 和 JavaScript 文件,(可选)通过构建过程运行文件,然后发布网站。 可以在 GitHub Pages 示例集合中看到 GitHub Pages 站点的示例。 1.1 站点类型 若要发布用户站点,必须创建个人

    2024年02月08日
    浏览(21)
  • Github Pages使用自定义域名

    Github Pages使用自定义域名

    部署好网站后默认访问地址是xxx.github.io,我们想要自定义为自己的域名 这里我使用的是腾讯云,DNS解析DNSPod 添加两条解析记录: 第一个解析记录的记录类型为A,主机记录为@,记录值为ping 你的github用户名.github.io的ip地址,填入为下列 IP 中的至少一个 185.199.108.153 185.199.109.153

    2024年02月16日
    浏览(13)
  • ubuntu解决github访问速度慢的一个小tip

    登录http://tool.chinaz.com/dns/ 查询以下域名映射,并分别取访问速度较快的一个ip,比如我的 将查询到的ip和域名设置到host中: 保存,退出,并重启网络 此时访问网页速度提升明显

    2024年02月13日
    浏览(14)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包